1
00:00:04,280 --> 00:00:04,600
OK.

2
00:00:06,750 --> 00:00:08,870
Hello, hello, I'm not answering.

3
00:00:09,390 --> 00:00:10,020
OK.

4
00:00:10,620 --> 00:00:21,840
Today is our six, day six, I would like to welcome all of you in today's Titian's we are sorry of

5
00:00:22,590 --> 00:00:28,580
yesterday, Mr Karani faced the city overall.

6
00:00:29,040 --> 00:00:35,780
Even today, the electricity is not yet re-established.

7
00:00:35,820 --> 00:00:44,160
But he went to a hotel to to conduct this training to rent a room in the hotel.

8
00:00:45,120 --> 00:00:56,020
So today's session, we will go for one hour and a half to catch the yesterday, the session of yesterday.

9
00:00:57,780 --> 00:01:02,320
Let's just start by a small quiz, OK?

10
00:01:03,320 --> 00:01:07,010
A question about what we saw today.

11
00:01:07,090 --> 00:01:16,200
Now, anyone knows what is DOCTYPE control, what is what we call what is the DOCTYPE controller.

12
00:01:16,770 --> 00:01:20,430
And, you know, anyone knows what is the DOCTYPE controller?

13
00:01:25,160 --> 00:01:26,060
Controller.

14
00:01:26,100 --> 00:01:39,480
Fine, if you answer yes, go ahead, Gaiam, it's the lightning in the back and logic is excellent.

15
00:01:39,530 --> 00:01:49,130
So when we created that time, Automattic probably will create the by the by the by based on fire,

16
00:01:49,400 --> 00:01:50,660
which is the controller.

17
00:01:50,960 --> 00:01:53,720
We saw this last session.

18
00:01:53,720 --> 00:02:03,640
We wrote one line of code where we derive the full name from first name and last name, and the third

19
00:02:03,650 --> 00:02:06,410
field is a full name derived using.

20
00:02:06,650 --> 00:02:12,070
We wrote the code in the controller file of that DOCTYPE.

21
00:02:12,230 --> 00:02:12,940
Excellent.

22
00:02:14,210 --> 00:02:22,320
So anyone have questions or faced problem or have doubts for Delanoe.

23
00:02:24,410 --> 00:02:29,530
So you have opportunity to ask or to raise your question.

24
00:02:35,670 --> 00:02:36,210
Yes.

25
00:02:41,530 --> 00:02:53,060
Last session, Garani, I got a question from ISIS, she said, When we use Vicha from option offensive,

26
00:02:53,350 --> 00:02:59,440
it is deriving one value like FINSA from we derive imeem gain.

27
00:03:01,060 --> 00:03:08,080
She said, can we derive the multiple values to multiple allies?

28
00:03:08,470 --> 00:03:12,880
Many too many fits from can can work like this.

29
00:03:16,530 --> 00:03:19,280
Well, the from this is used to.

30
00:03:22,030 --> 00:03:29,350
Phase one is you could get one value from from a DOCTYPE item that was specified.

31
00:03:30,130 --> 00:03:32,890
That is our field, a field inside the autoclave.

32
00:03:33,580 --> 00:03:40,660
So it can only be used to fetch one item that is the fetch from that provided out of the box.

33
00:03:41,410 --> 00:03:46,420
But if you need to do your own custom fit from, maybe that is triggered in some way.

34
00:03:46,420 --> 00:03:52,030
You can you can write that you can you can actually write your own custom fetch for a function that

35
00:03:52,030 --> 00:03:53,380
does whatever you want it to do.

36
00:03:54,220 --> 00:03:55,680
Okay, great.

37
00:03:55,720 --> 00:03:58,700
So it's not possibly multiple value is not possible.

38
00:03:59,440 --> 00:04:00,340
It is not possible.

39
00:04:00,400 --> 00:04:00,580
Yeah.

40
00:04:01,140 --> 00:04:01,350
Yeah.

41
00:04:03,070 --> 00:04:03,990
Another question.

42
00:04:04,000 --> 00:04:04,780
I don't know.

43
00:04:04,780 --> 00:04:07,620
We do we take notes from previous session.

44
00:04:08,440 --> 00:04:17,280
He is asking about Checkbook's Finch, if not the last time you remember it was not working.

45
00:04:18,070 --> 00:04:20,350
So if you have any answer for this.

46
00:04:24,200 --> 00:04:26,330
So you can imagine.

47
00:04:28,790 --> 00:04:34,180
There is a check box under threat from field to fetch, if not.

48
00:04:36,400 --> 00:04:37,750
Yes, I remember that.

49
00:04:38,290 --> 00:04:47,110
Yeah, so we are trying to use it, but we took notes to take it offline.

50
00:04:49,360 --> 00:04:55,870
Yes, honestly, I have not done my research on that with any of us has gone ahead and done that.

51
00:04:57,190 --> 00:04:59,480
He or she will be of help.

52
00:05:00,160 --> 00:05:01,390
I've not done it all myself.

53
00:05:01,390 --> 00:05:01,670
Money.

54
00:05:02,560 --> 00:05:02,730
Good.

55
00:05:03,160 --> 00:05:04,330
I will keep it open.

56
00:05:04,330 --> 00:05:08,000
If we have any answer, we will share it with the team.

57
00:05:08,440 --> 00:05:17,110
By the way, we have loaded in the recording shared folder, uh, the installation, the steps detailing

58
00:05:17,110 --> 00:05:23,610
the steps for Ubuntu twenty how to install step by step yesterday.

59
00:05:24,070 --> 00:05:30,400
It is now, now, just now it's available in the recording and it is shared in the YouTube channel of

60
00:05:30,650 --> 00:05:31,510
coronation.

61
00:05:32,530 --> 00:05:39,840
So let's go and start our today agenda to go ahead please.

62
00:05:41,110 --> 00:05:41,590
Thank you.

63
00:05:41,650 --> 00:05:42,150
Thank you so much.

64
00:05:42,850 --> 00:05:45,760
So today the.

65
00:05:46,240 --> 00:05:47,140
Let me share my screen.

66
00:05:51,950 --> 00:05:57,650
Today's session is going to be longer, a little bit longer, so that we can take care of that this

67
00:05:57,650 --> 00:06:00,230
time, so I can see my screen.

68
00:06:01,980 --> 00:06:04,280
Yes, yes, yes, great.

69
00:06:04,650 --> 00:06:06,390
So I have I have.

70
00:06:08,580 --> 00:06:14,460
Some items here, yellow, I have highlighted them in yellow, these are the items we have covered and

71
00:06:14,790 --> 00:06:18,420
today we we are looking at item number 11 as the first one.

72
00:06:18,780 --> 00:06:25,080
And then we are going to look at some of these others, some of these others in the I have I had also

73
00:06:25,080 --> 00:06:32,450
prepared some notes, just told someone to take a screenshot because I left my house in the morning.

74
00:06:33,090 --> 00:06:40,620
So we are doing today we are going to be seeing how to do custom buttons, either single or grouped

75
00:06:40,620 --> 00:06:43,620
buttons in form of a script.

76
00:06:43,630 --> 00:06:45,850
Then we are going to see all these other things.

77
00:06:46,410 --> 00:06:55,350
Now, our custom script is is our way of of making sure that you are able to do things on the front

78
00:06:55,350 --> 00:06:57,060
end of your application.

79
00:06:57,570 --> 00:07:00,330
So if I look for Frappier.

80
00:07:02,240 --> 00:07:07,280
Script recommendation for Frappé Europeanist.

81
00:07:09,530 --> 00:07:13,910
They are a lot of things we can do with these things, it's a long list, a long list you can see here.

82
00:07:14,270 --> 00:07:21,350
So this one, I would recommend that you go and read it on yourself, but I'm going to do a quick introduction

83
00:07:21,620 --> 00:07:23,780
and then show you where you need to place your files.

84
00:07:24,530 --> 00:07:29,630
And then you be good to go to follow this documentation and do whatever you like to do.

85
00:07:30,980 --> 00:07:33,310
Now, there are two ways of writing custom scripts.

86
00:07:33,320 --> 00:07:41,900
If you come to the awesome bar and such for custom script custom scripts, you see here we have an item

87
00:07:41,900 --> 00:07:47,420
for creating custom scripts and this thing asks you to give a DOCTYPE.

88
00:07:47,780 --> 00:07:56,150
So for instance here, if we give Labra remember, this item goes ahead and fetches them, increase

89
00:07:56,150 --> 00:07:57,170
the font a little bit.

90
00:07:58,610 --> 00:08:08,150
So I have ask you, OK, I have to remember in the custom script section and then it has automatically

91
00:08:08,150 --> 00:08:08,950
fetched to this.

92
00:08:08,960 --> 00:08:14,830
If you look at this, this is our DOCTYPE, this is a DOCTYPE, this is the doctor that you have selected.

93
00:08:15,290 --> 00:08:21,230
So in case we change this maybe to something else, like a library membership, you see this one is

94
00:08:21,680 --> 00:08:24,630
it is updated to library membership.

95
00:08:25,100 --> 00:08:27,680
So this code is generated out of the box.

96
00:08:28,220 --> 00:08:33,800
And then this is where you are supposed to come in and put in the logic that you like to execute.

97
00:08:34,920 --> 00:08:39,900
Now, this is when you want to read you a customs crib's on the front end, which as developers, we

98
00:08:39,900 --> 00:08:41,190
are not going to do a lot.

99
00:08:42,230 --> 00:08:47,420
The happiness that it is for people who are not, who are not, who are not really developers.

100
00:08:47,840 --> 00:08:50,300
So for our kids, we are really going to be using this.

101
00:08:50,600 --> 00:08:53,870
In fact, I don't use this at all.

102
00:08:54,090 --> 00:08:55,900
I don't do anything with this.

103
00:08:55,940 --> 00:09:03,980
But so where we are going to be writing our customs is in the file system, in the individual files.

104
00:09:04,460 --> 00:09:10,610
And what I mean by individual files is, for instance, if you want to change something in the library

105
00:09:10,610 --> 00:09:14,300
membership document document, I would just go to the file system.

106
00:09:15,580 --> 00:09:25,920
Increase the font here and then I will go to let me compress this, I'll go to my apps, the library,

107
00:09:26,370 --> 00:09:33,360
then library management, library management again, then I will look for my DOCTYPE directory.

108
00:09:33,780 --> 00:09:35,520
Then remember, you want to change for all.

109
00:09:35,730 --> 00:09:41,100
We want to create a script for library membership, so we need to look for library membership here.

110
00:09:41,520 --> 00:09:44,760
And the library membership today is fine.

111
00:09:44,760 --> 00:09:53,100
If you open that file, you realize that it a code that is here is exactly what we had on their form.

112
00:09:53,760 --> 00:09:59,700
So you see here we have rapido, the UI dot form dot on then then the name of your doctor.

113
00:10:00,210 --> 00:10:05,150
If you come here you have rapido divide those from those on library membership.

114
00:10:05,400 --> 00:10:12,690
So this is the same when you write your script here and when you read your script here, they call the

115
00:10:12,690 --> 00:10:15,350
same functions and they do exactly the same things.

116
00:10:15,870 --> 00:10:22,380
But the advantage of writing your code on the on the back end, remember, is so as to keep track of

117
00:10:22,380 --> 00:10:22,760
your code.

118
00:10:22,770 --> 00:10:29,340
So even if maybe something happens to your front end here, you're not going to lose this code because

119
00:10:29,340 --> 00:10:33,870
ideally when you write your code on these files, you can decide to trust your code on GitHub.

120
00:10:34,560 --> 00:10:37,980
You can even have it in multiple computers and stuff like that.

121
00:10:38,310 --> 00:10:44,820
So we are going to be doing all our code writing on this script and we are going to be customizing our

122
00:10:44,820 --> 00:10:47,900
scripts from I don't know whether there's anyone who has a question up to that.

123
00:10:51,250 --> 00:10:52,860
Yes, of course, yes.

124
00:10:53,620 --> 00:10:55,840
So if you go to the front end.

125
00:10:57,480 --> 00:11:06,720
Yes, if you would enter code there and save, that will not that will not update the file on your desk

126
00:11:06,720 --> 00:11:09,460
right now, it will not update the file.

127
00:11:09,630 --> 00:11:14,510
What what the European does is that they generate ideas on ideas on this.

128
00:11:14,520 --> 00:11:20,820
This, Jason, if you look at this just on file, most of the things here are the they are the column

129
00:11:20,820 --> 00:11:22,910
names that we have on our forms.

130
00:11:23,280 --> 00:11:29,130
So it generates ideas on which then is used to tell the application what it needs to do.

131
00:11:29,520 --> 00:11:34,770
But it could be right on this custom script on the browser will not be written on this file.

132
00:11:35,700 --> 00:11:39,150
It is saved in the database, I guess the one in the front.

133
00:11:39,150 --> 00:11:45,770
And it is if I think they generate they generate the addition they generate.

134
00:11:45,900 --> 00:11:51,780
I just just let you know, when you come to the when you come to the application and you customize this

135
00:11:51,780 --> 00:11:53,870
form, you add your own filter here.

136
00:11:54,210 --> 00:11:59,390
What they do is that they generate a decent file and then the application knows what to do.

137
00:11:59,400 --> 00:12:00,180
They just don't file.

138
00:12:00,180 --> 00:12:02,590
They know if I find it is just on file.

139
00:12:02,610 --> 00:12:06,420
This is our compiler and get this amount of this this kind of result.

140
00:12:07,140 --> 00:12:11,580
But is not the the current site website only.

141
00:12:11,580 --> 00:12:20,340
Or if I would have my app installed in multiple sites, what would it affect all of them or just the

142
00:12:20,430 --> 00:12:24,480
site that I'm in now?

143
00:12:24,480 --> 00:12:31,850
If you have your app installed on multiple sites to affect it, to affect the traffic it offered to

144
00:12:31,860 --> 00:12:33,990
all the other instances you have.

145
00:12:35,030 --> 00:12:36,530
OK, yes.

146
00:12:39,630 --> 00:12:40,050
Thank you.

147
00:12:40,990 --> 00:12:41,620
You're welcome.

148
00:12:45,280 --> 00:12:51,580
But maybe if you write a custom script in the front, then it is specific that one site is a specific.

149
00:12:52,540 --> 00:12:53,880
Yes, yes, that's correct.

150
00:12:58,160 --> 00:12:58,510
OK.

151
00:13:01,770 --> 00:13:07,380
All right, so so now we are going to go ahead and so we are not going to be writing these ones here

152
00:13:07,380 --> 00:13:08,790
so we can just discard this.

153
00:13:09,940 --> 00:13:17,740
We are going to be putting our lives on the fence, so now going back to our Galatea, we need to,

154
00:13:17,740 --> 00:13:22,120
first of all, create a custom button in how you create a custom button on Frappier.

155
00:13:23,470 --> 00:13:24,960
I had written something here.

156
00:13:26,210 --> 00:13:30,680
So I'm not a very fast typer, so I don't want to spend a lot of time typing.

157
00:13:32,100 --> 00:13:34,350
I just want to copy and paste.

158
00:13:37,770 --> 00:13:39,420
Just close some of these things.

159
00:13:49,180 --> 00:13:54,100
OK, and so was that.

160
00:13:57,980 --> 00:13:59,750
I had prepared this.

161
00:14:02,450 --> 00:14:03,500
Is six.

162
00:14:06,700 --> 00:14:12,220
So if you look at this, I mentioned that we are going to be putting our foot on this.

163
00:14:12,250 --> 00:14:17,410
And by the way, we have a number of a number of medals you can call here if we uncommented this.

164
00:14:18,410 --> 00:14:24,860
We have this is sort of OK, I think I have to give let me give this information so that you don't keep

165
00:14:24,860 --> 00:14:25,490
doing that.

166
00:14:26,240 --> 00:14:29,120
So let me split this.

167
00:14:35,000 --> 00:14:38,150
Maybe increased from what you can see this just in case you needed.

168
00:14:39,900 --> 00:14:40,810
So those who

169
00:14:44,410 --> 00:14:45,080
what I'm doing.

170
00:14:45,110 --> 00:14:49,590
You saw that when I tried to save this file, I always thought, let me do it again, save.

171
00:14:49,640 --> 00:14:52,460
And you see, it's telling me to provide sort of permissions.

172
00:14:52,880 --> 00:14:55,490
And every time I see anything, I have to provide a password.

173
00:14:55,500 --> 00:14:56,680
So I want to give the permission.

174
00:14:56,690 --> 00:14:58,510
So I guess it's OK.

175
00:14:58,540 --> 00:14:59,580
It depends.

176
00:14:59,580 --> 00:15:11,080
And then he starts screaming and then we have apps and our app is library and then we have the data

177
00:15:11,090 --> 00:15:12,230
library again.

178
00:15:13,840 --> 00:15:21,060
And library again, so here we have what we have here.

179
00:15:22,110 --> 00:15:30,360
We have duct tape associated with duct tape and then to library, we want to tell you what you want

180
00:15:30,360 --> 00:15:30,750
to create.

181
00:15:31,230 --> 00:15:32,570
We want to create our.

182
00:15:34,560 --> 00:15:35,940
A library.

183
00:15:37,810 --> 00:15:45,010
Remember, this is where you want to create complete our custom, our custom button and use it to do

184
00:15:45,010 --> 00:15:45,650
a number of things.

185
00:15:45,680 --> 00:15:47,500
Yes, we are going to be seeing in this session today.

186
00:15:48,760 --> 00:15:53,260
So we are going to give you a little tape of library member socity in the library.

187
00:15:53,680 --> 00:15:54,370
Namba.

188
00:15:55,630 --> 00:16:04,540
And here we are, we have our API, we know we have we have we have we have.

189
00:16:04,780 --> 00:16:05,640
We have this for this.

190
00:16:05,650 --> 00:16:13,030
If I wanted to start editing LeBron so I can just say pseudo change modes two seven seven seven.

191
00:16:13,040 --> 00:16:17,290
And this is library member James.

192
00:16:18,780 --> 00:16:21,570
They provide my password and that's it.

193
00:16:22,070 --> 00:16:25,750
So now I can close that, I should be having permissions to edit that file.

194
00:16:26,150 --> 00:16:27,230
So if I see it again.

195
00:16:28,290 --> 00:16:29,880
Still no permissions.

196
00:16:32,020 --> 00:16:32,990
Give me a second.

197
00:16:33,460 --> 00:16:37,750
You are from the library membership and not library member, you're not.

198
00:16:37,870 --> 00:16:38,760
Oh, OK.

199
00:16:39,250 --> 00:16:40,030
Could you do this?

200
00:16:40,030 --> 00:16:42,550
Come in for the whole folder for the whole life?

201
00:16:42,610 --> 00:16:42,730
Yeah.

202
00:16:42,770 --> 00:16:44,190
Yeah, sure, sure.

203
00:16:44,310 --> 00:16:46,700
So let me do that then.

204
00:16:47,320 --> 00:16:54,280
But sometimes it is important that you take care so that you do not maybe give permission to fold up

205
00:16:54,280 --> 00:16:57,430
and maybe allow it to access files that are going to give you issues.

206
00:16:59,110 --> 00:16:59,840
Sampath.

207
00:17:01,870 --> 00:17:06,770
Not required to have information, so it's good to be careful.

208
00:17:07,150 --> 00:17:12,210
But in our case here, we can just go door to door to.

209
00:17:17,710 --> 00:17:20,760
Reflexively for the Labor member.

210
00:17:24,180 --> 00:17:32,630
So we are we have given it to the whole of America right now and they've discussed this if we are good.

211
00:17:33,000 --> 00:17:40,680
So now I will say this is one function that we have refreshed means this is going to be this this function

212
00:17:40,680 --> 00:17:43,950
is going to be called every time that you are refresh on your form.

213
00:17:44,460 --> 00:17:49,350
We have other functions like set up like before save like aftershave and all that as you are going to

214
00:17:49,350 --> 00:17:50,930
be seeing on the documentation.

215
00:17:51,510 --> 00:17:59,340
So I want to put my code here that is going to be adding a custom button to my to my form here somewhere

216
00:17:59,340 --> 00:18:05,190
here so I can just copy that code from from this as subscripts I.

217
00:18:07,700 --> 00:18:15,320
But yes, you are editing the membership.

218
00:18:15,780 --> 00:18:22,160
She has no membership in the front and you are in the library.

219
00:18:22,180 --> 00:18:24,130
Remember all that?

220
00:18:25,160 --> 00:18:25,410
Sorry.

221
00:18:25,490 --> 00:18:26,700
Thank you so much for that.

222
00:18:27,440 --> 00:18:31,970
So let me exit the library member.

223
00:18:33,180 --> 00:18:34,140
And.

224
00:18:36,110 --> 00:18:39,050
And then I opened this, so this is where you are supposed to be.

225
00:18:41,090 --> 00:18:47,300
Yeah, this area is supposed to be because basically you can write based on any file, but I want us

226
00:18:47,300 --> 00:18:49,910
to use this one because it already has some data here.

227
00:18:49,940 --> 00:18:54,410
I want us to try and manipulate this data using our custom scripts.

228
00:18:54,430 --> 00:18:55,940
That's why I'm fixed on this one.

229
00:18:55,940 --> 00:18:59,490
But you can write this script on any case file.

230
00:18:59,840 --> 00:19:05,280
So if you needed to edit the membership for you are going to be using the library membership, just

231
00:19:05,390 --> 00:19:05,720
file.

232
00:19:07,050 --> 00:19:12,190
All right, so I have a button, sorry, yes, go ahead.

233
00:19:12,220 --> 00:19:16,910
Yes, OK, so I have a button on the refresh function.

234
00:19:16,920 --> 00:19:19,560
Remember, it was there and that's what I want to use.

235
00:19:19,920 --> 00:19:21,690
And then this is the form.

236
00:19:21,690 --> 00:19:23,350
This form is what has been passed here.

237
00:19:23,760 --> 00:19:25,980
So this is basically the whole form.

238
00:19:25,980 --> 00:19:32,220
I'm going to be showing you what this form contains and then you are telling it, don't add custom custom

239
00:19:32,220 --> 00:19:32,610
button.

240
00:19:32,740 --> 00:19:38,220
So this is a function that is done by frappé and then this is the text that is going to be on the button.

241
00:19:39,130 --> 00:19:45,820
And then you tell it in this function, you this function, you carry what is going to happen when someone

242
00:19:45,820 --> 00:19:51,480
clicks on this button and here we are just telling it to console log a message saying hello there.

243
00:19:52,500 --> 00:20:00,480
So if we go back to our our application, remember, this is JavaScript, so you need to reload and

244
00:20:01,080 --> 00:20:02,790
just to be sure that you are reloading it right.

245
00:20:02,800 --> 00:20:06,030
You just need to hold control and shift and.

246
00:20:06,030 --> 00:20:06,430
Ah.

247
00:20:06,930 --> 00:20:10,070
And here we have our button saying say hello.

248
00:20:11,250 --> 00:20:12,810
And if I inspect element.

249
00:20:13,950 --> 00:20:16,520
Then I go to my console, just clear.

250
00:20:18,160 --> 00:20:23,990
Then I look for my button here, yeah, yes, my button things say hello, I click on it, and here

251
00:20:23,990 --> 00:20:26,900
is he has that message saying hello there.

252
00:20:27,590 --> 00:20:29,690
Don't worry about these these these these errors.

253
00:20:29,690 --> 00:20:33,120
They are just about some items that are not being that are not found.

254
00:20:33,560 --> 00:20:39,440
So if I click on this button now, I can be able to put in any Unicode here and it will be executed

255
00:20:39,710 --> 00:20:42,200
when I click on the button that I created.

256
00:20:43,810 --> 00:20:44,620
We have Akwesasne.

257
00:20:46,700 --> 00:20:53,930
Uh, yes, the refresh event is called, uh, many times, I guess.

258
00:20:54,910 --> 00:21:02,710
Yes, so the ad custom button would detect that it already exists and not add it a second time.

259
00:21:04,890 --> 00:21:11,430
What is going to yeah, it will not be added a second time, every time you refresh is going to is going

260
00:21:11,430 --> 00:21:16,290
to trigger this fan base, that event, and is going to add that button to your form.

261
00:21:16,660 --> 00:21:18,840
So even if you keep refreshing, it will be one.

262
00:21:18,840 --> 00:21:21,290
So if I refresh this again, it's going well.

263
00:21:21,820 --> 00:21:22,230
Yes.

264
00:21:22,590 --> 00:21:28,980
Now you refresh with a sec, but if you change your value and hit save, this will call the refresh

265
00:21:28,980 --> 00:21:30,720
again event again.

266
00:21:31,560 --> 00:21:39,620
If I change the value of our award and Ifield, let's say your name and then say is not going to cost,

267
00:21:39,640 --> 00:21:40,830
is not going to refresh.

268
00:21:41,310 --> 00:21:50,820
So if you here if I can Sloggett concert logo log in the refresh event, I think it's called on each

269
00:21:50,820 --> 00:21:56,120
say, you know, it's not on, it's just above the console here.

270
00:21:56,550 --> 00:22:00,190
When I say nothing is logged, there's nothing.

271
00:22:00,540 --> 00:22:04,570
You have no log in the refresh, even if you put a line in the refresh.

272
00:22:06,000 --> 00:22:07,740
No, it's on click of the button.

273
00:22:07,890 --> 00:22:10,470
If you put a log in the refresh event or.

274
00:22:10,680 --> 00:22:12,170
Or you mean you mean somewhere here.

275
00:22:12,750 --> 00:22:13,110
Yep.

276
00:22:16,570 --> 00:22:17,660
Let's see what happens.

277
00:22:18,370 --> 00:22:22,700
It's not called no, let's see, wait, wait, wait, wait, wait, just just a second.

278
00:22:27,600 --> 00:22:33,570
Uh, hello there, it's called and then if you change your value and hit save.

279
00:22:35,490 --> 00:22:41,550
So if you change the venue here either way and hits if it's called again, it's cold again.

280
00:22:41,790 --> 00:22:48,170
So the bottom is cold again, but it's handling the the fact that it already exists in the.

281
00:22:48,470 --> 00:22:48,790
On the.

282
00:22:49,230 --> 00:22:49,680
Correct.

283
00:22:49,810 --> 00:22:50,240
Correct.

284
00:22:50,580 --> 00:22:51,000
Correct.

285
00:22:51,360 --> 00:22:51,770
Correct.

286
00:22:52,460 --> 00:22:52,820
Correct.

287
00:22:53,010 --> 00:22:53,380
Thank you.

288
00:22:53,400 --> 00:22:54,090
Thank you, Maureen.

289
00:22:54,330 --> 00:22:55,170
Another question.

290
00:22:57,370 --> 00:22:58,390
Refresh Even's.

291
00:22:58,440 --> 00:23:00,530
What is exactly what does it mean.

292
00:23:00,540 --> 00:23:01,310
And you didn't get it.

293
00:23:02,010 --> 00:23:09,570
So what what this refresh event means is that every time the form refreshes, then do whatever is inside

294
00:23:09,570 --> 00:23:09,820
here.

295
00:23:09,900 --> 00:23:13,130
So like what Maureen just pointed out, we have our Consolo.

296
00:23:13,140 --> 00:23:14,250
We are creating this system.

297
00:23:14,610 --> 00:23:17,850
Every time we refresh there, we have a refresher on our form.

298
00:23:18,240 --> 00:23:19,320
Do this.

299
00:23:19,920 --> 00:23:26,810
So our refresh is basically means reload or something like that when I reload, run this function.

300
00:23:27,150 --> 00:23:32,940
So in our case here is going to cause all of this message and then is going to call this this this other

301
00:23:33,150 --> 00:23:36,020
this other item of code that is going to create our custom button.

302
00:23:37,050 --> 00:23:40,200
But if you see if you say refresh, you will be called.

303
00:23:41,640 --> 00:23:42,390
Yeah, basically.

304
00:23:42,390 --> 00:23:50,400
Because when you say if this is going, I think what is being done to limit it and save you see it has

305
00:23:50,400 --> 00:23:53,850
it has saved and then it's loaded so that they could be available here.

306
00:23:54,450 --> 00:23:57,060
So I think it's calling refresh, refresh, refresh function.

307
00:23:57,060 --> 00:23:57,360
Yes.

308
00:24:01,570 --> 00:24:02,130
OK.

309
00:24:04,710 --> 00:24:07,080
OK, another question before we move on.

310
00:24:09,570 --> 00:24:13,790
JavaScript overall JavaScript code.

311
00:24:14,640 --> 00:24:18,090
Why we need to write, why we need to write JavaScript.

312
00:24:19,560 --> 00:24:28,380
JavaScript is used, so I don't know whether that is the context of this, but JavaScript basically

313
00:24:28,380 --> 00:24:36,030
is is what gives life to your application, because JavaScript runs mostly mostly JavaScript, especially

314
00:24:36,030 --> 00:24:39,450
the one that we are going to be dealing with here in Europe next.

315
00:24:39,910 --> 00:24:41,790
It runs on the front end.

316
00:24:42,090 --> 00:24:49,620
So devastated is what makes the UX of the application, that is the user experience feel like the system

317
00:24:49,620 --> 00:24:55,730
has a life, because if you only write Python code here, it just does things on the server.

318
00:24:56,100 --> 00:25:01,740
Maybe the user will have to keep refreshing how refreshing this system to see anything that is happening.

319
00:25:02,070 --> 00:25:07,260
But when you write JavaScript, we are going to be seeing you able to add this button here.

320
00:25:07,410 --> 00:25:15,240
You able to click on the button and something happens without having to force the user to do something

321
00:25:15,240 --> 00:25:16,920
like a hard refresh or something like that.

322
00:25:17,250 --> 00:25:22,410
So JavaScript, I would say, is what gives life to our application and a good user experience when

323
00:25:22,410 --> 00:25:23,520
they're using your app.

324
00:25:24,150 --> 00:25:28,500
So button button is added only using JavaScript not.

325
00:25:32,160 --> 00:25:40,740
You can also do bite buttons in Python, but that would mean you will have to write other you have to

326
00:25:40,740 --> 00:25:45,240
write other, you have to interact with other, other with quite some good.

327
00:25:45,870 --> 00:25:51,270
But in European text and in context here we only going to be doing using JavaScript.

328
00:25:53,440 --> 00:26:02,680
OK, so if I need to add validation in the front end before seeming like if you enter the email without

329
00:26:03,670 --> 00:26:10,670
arabesque, so the data validation is handled essentially by JavaScript.

330
00:26:11,800 --> 00:26:13,210
You said you went without what?

331
00:26:14,980 --> 00:26:26,070
At the end, at this one example, you had some sort of validation, you are doing validation in front

332
00:26:26,070 --> 00:26:30,220
end before saying, yeah, so what happens?

333
00:26:30,420 --> 00:26:33,670
There are two types of validations that you can do here.

334
00:26:33,720 --> 00:26:37,970
You are the you are going to do the first validation is going to happen on the front end.

335
00:26:38,310 --> 00:26:41,870
So that happens even before this system submits the data to this offer.

336
00:26:42,360 --> 00:26:48,810
And then if that is successful, once they did that has been submitted, it is good practice to also

337
00:26:48,810 --> 00:26:54,110
do validation on the backend so that you, again, don't receive data that maybe is not what this app

338
00:26:54,120 --> 00:26:54,830
was expecting.

339
00:26:55,350 --> 00:26:57,450
So validation can be done on two levels.

340
00:27:00,070 --> 00:27:06,700
OK, that is great, anyone else?

341
00:27:09,060 --> 00:27:10,030
It's OK.

342
00:27:11,110 --> 00:27:12,900
OK, so let's let's move on.

343
00:27:13,060 --> 00:27:15,970
So we have we have done our custom button here.

344
00:27:17,040 --> 00:27:18,490
That is our single button.

345
00:27:18,840 --> 00:27:24,300
Look, look at this form, this is only one button, but if you have interacted with ERP next, you

346
00:27:24,390 --> 00:27:27,000
have seen some some places where we have a button here.

347
00:27:27,330 --> 00:27:30,550
You click on it and there are other items inside of it.

348
00:27:31,080 --> 00:27:32,280
So how do you do that?

349
00:27:33,390 --> 00:27:38,720
And the only the easiest the easiest way to do that is the button that you have here.

350
00:27:38,770 --> 00:27:42,210
Actually, we can just copy this button that you have here.

351
00:27:43,140 --> 00:27:46,860
You just duplicate it, but now you had back home.

352
00:27:46,920 --> 00:27:48,130
We are not a full column.

353
00:27:48,510 --> 00:27:50,000
Not a semicolon there.

354
00:27:50,010 --> 00:27:53,580
Semicolon is going to come at the end of you at the end of you.

355
00:27:53,590 --> 00:27:55,710
Are you are you are you are battles.

356
00:27:56,130 --> 00:28:03,960
And then once you have that, what you are going to do here is to add a comma and then give you a a

357
00:28:03,990 --> 00:28:09,200
name like like maybe you can, you can if that's not an action or something like that.

358
00:28:09,840 --> 00:28:12,780
So if right now we go to our application.

359
00:28:14,740 --> 00:28:15,280
Refresh.

360
00:28:20,190 --> 00:28:25,080
What you are going to be getting here, we have they say they say hello that we had and then here we

361
00:28:25,080 --> 00:28:27,050
have another button, a seeing action.

362
00:28:27,540 --> 00:28:29,900
And when you open it, it has to say hello.

363
00:28:30,480 --> 00:28:35,180
There is one we have they say hello here is because we have added this attorney and only this button.

364
00:28:35,190 --> 00:28:48,540
So if I if I change this to button who is and save and then I reload, I'm expecting to see button two

365
00:28:48,540 --> 00:28:51,750
here once these phone finishes reloading.

366
00:28:51,990 --> 00:28:53,540
And yes, we have button two there.

367
00:28:53,970 --> 00:28:56,430
So why is it that it is not on the first button?

368
00:28:56,430 --> 00:29:02,460
We had our first button here and basically it's basically because we don't have this, this, this,

369
00:29:02,700 --> 00:29:04,200
this is what groups the button.

370
00:29:04,200 --> 00:29:08,010
So you need to put that on this other button up there.

371
00:29:08,490 --> 00:29:13,650
Then I can save that up and then I go to my phone to reload.

372
00:29:14,040 --> 00:29:16,470
And now here I, I'm going to have two buttons.

373
00:29:18,440 --> 00:29:24,710
So when I open that, I have to say hello and I have button to so if you have buttons that you need

374
00:29:24,710 --> 00:29:29,000
to group to to have in groups like you, you have an action here.

375
00:29:29,210 --> 00:29:31,070
You need this button to do one thing.

376
00:29:31,370 --> 00:29:35,790
You have another button that you need to do another thing and maybe even limit the number of buttons.

377
00:29:36,350 --> 00:29:37,760
This is how you are going to put it.

378
00:29:38,570 --> 00:29:40,010
I have pretty I installed.

379
00:29:40,010 --> 00:29:41,900
That is why it is reformatting my code.

380
00:29:42,440 --> 00:29:49,190
So you just add a comma just after you have closed the last function and then you put the name of the

381
00:29:49,520 --> 00:29:50,980
group that you want to put.

382
00:29:52,340 --> 00:29:54,380
So he can call this button one.

383
00:29:56,760 --> 00:29:59,910
One question on the.

384
00:30:05,420 --> 00:30:07,730
OK, so we can move on from.

385
00:30:09,370 --> 00:30:13,820
So now how do you think the message is delivering messages from our custom buttons?

386
00:30:14,050 --> 00:30:20,590
For instance, you need maybe this is a function that you have written and you need maybe when you click

387
00:30:20,590 --> 00:30:24,550
on it instead of just logging something, is it goes to the back end.

388
00:30:24,550 --> 00:30:29,340
You are going to see hopefully by the end of this session, we are going to be clicking a button which

389
00:30:29,350 --> 00:30:31,680
is going to call an API on the backend.

390
00:30:32,020 --> 00:30:35,680
So after the API has finished doing its, then you need to give them.

391
00:30:35,680 --> 00:30:42,910
I use a message telling them maybe in form of a dialogue here, that whatever or maybe it's the return

392
00:30:43,000 --> 00:30:47,050
on error or is telling them that whatever was happening on the server has succeeded.

393
00:30:47,440 --> 00:30:52,270
How do you trigger messages on frappé in frappé framework.

394
00:30:53,230 --> 00:30:55,250
So how do you do that.

395
00:30:55,570 --> 00:31:02,440
You just write the simple code so I can just come to this one and instead of console logging something

396
00:31:02,440 --> 00:31:07,660
here, I can just put it so these functions, I own the documentation.

397
00:31:07,990 --> 00:31:08,990
This is a message.

398
00:31:09,040 --> 00:31:12,850
Print simply means message print and then we can do here.

399
00:31:13,600 --> 00:31:16,990
Our code ran something like that.

400
00:31:17,440 --> 00:31:20,410
We want to see the message printing when we click on our button.

401
00:31:21,640 --> 00:31:30,110
And when I wrote that and I click on button one, I have this message saying our code that.

402
00:31:31,220 --> 00:31:40,270
So that is how you call you trigger messages on the framework, let me know whether they are the actions.

403
00:31:42,320 --> 00:31:47,510
Yes, about the translation, if we want to translate this message.

404
00:31:50,020 --> 00:31:53,290
Can you show how how it get translated?

405
00:31:53,950 --> 00:32:05,530
Suppose you have English and Arabic, you know, you show a message that this message I is in translatable

406
00:32:05,530 --> 00:32:06,550
or it is fixed.

407
00:32:09,060 --> 00:32:12,360
Well, maybe I have not done that.

408
00:32:12,690 --> 00:32:18,030
I have written out of applications in only English, but I think because this is these are strings that

409
00:32:18,030 --> 00:32:20,370
you can you can supply the string dynamically.

410
00:32:20,370 --> 00:32:26,550
Mummy, when you it when you put into this, you can maybe convert this, you can do something, maybe

411
00:32:26,560 --> 00:32:27,000
you can write.

412
00:32:27,030 --> 00:32:28,470
This place is not limited.

413
00:32:28,770 --> 00:32:30,540
You can write any amount of code here.

414
00:32:30,780 --> 00:32:32,990
You can even call other functions here.

415
00:32:33,240 --> 00:32:39,850
So the function that is maybe sitting somewhere that that these translation you can call it providing

416
00:32:39,870 --> 00:32:44,610
a string that you need to translate whatever language and then give you a string here dynamically.

417
00:32:45,950 --> 00:32:47,660
OK, yes.

418
00:32:48,290 --> 00:32:55,430
OK, so for instance, if I took this and said, let's message we.

419
00:32:56,890 --> 00:33:01,100
This I can just take this and put it here.

420
00:33:01,360 --> 00:33:03,970
So this is a dynamic, I continue this community.

421
00:33:04,690 --> 00:33:09,120
So if I come to my application now, I'm expecting to see the same result.

422
00:33:10,320 --> 00:33:12,360
Go and yes, we have our message there.

423
00:33:15,160 --> 00:33:19,840
So this is a dynamic you can you can do all the logic you want here and then print whatever message

424
00:33:19,840 --> 00:33:20,350
you want here.

425
00:33:23,310 --> 00:33:23,720
Great.

426
00:33:25,440 --> 00:33:28,020
Anyone else it needs clarification.

427
00:33:30,780 --> 00:33:36,210
OK, so that is about that's about regarding messages.

428
00:33:36,540 --> 00:33:38,310
How about collecting phone data?

429
00:33:39,160 --> 00:33:44,660
Using our custom button, I mentioned that we are going to be we are going to be manipulating this data.

430
00:33:45,040 --> 00:33:48,150
And I also told you that I am going to be showing you what is in this form.

431
00:33:48,220 --> 00:33:49,130
This is our aim.

432
00:33:49,130 --> 00:33:50,320
This basically the form.

433
00:33:50,710 --> 00:33:51,910
And let us try to do that.

434
00:33:51,910 --> 00:33:57,880
We can remove this for now or maybe leave it there and we do it a button to try and log.

435
00:33:57,880 --> 00:34:02,290
Maybe now we do consult or log and this time we log that if our aim.

436
00:34:03,290 --> 00:34:08,360
We want to look and see what what is in this form, so let's go back to our application.

437
00:34:10,560 --> 00:34:23,010
Reload and open the console, open the console, and it will be back to the console and then click on

438
00:34:23,010 --> 00:34:28,770
button two and then you look here we have we have we have a lot of data that has been logged.

439
00:34:29,220 --> 00:34:33,320
So these are all the items you can look at it at one time.

440
00:34:33,960 --> 00:34:37,430
These are all the metals that were able to access from your home.

441
00:34:37,950 --> 00:34:38,880
But no, we need that.

442
00:34:38,880 --> 00:34:40,970
We need this item, the form that we have here.

443
00:34:40,980 --> 00:34:42,030
How do we get to this?

444
00:34:42,460 --> 00:34:45,300
If you look down here, you are going to see something called Doch.

445
00:34:45,840 --> 00:34:51,660
So here we have a dog and the dog contains all the fields that we have in our form here.

446
00:34:52,230 --> 00:34:55,570
Can you increase zoom current?

447
00:34:55,640 --> 00:34:56,460
It's very small.

448
00:34:57,620 --> 00:34:58,380
You see it now.

449
00:35:00,600 --> 00:35:02,660
We can see, but it is very small.

450
00:35:03,980 --> 00:35:06,610
Well, yes, yes, yes, yes, yes, yes.

451
00:35:07,910 --> 00:35:15,720
OK, so I was saying I have logged what do I need to let me just clear this and log it again.

452
00:35:16,730 --> 00:35:19,790
So this is this is what has been a lot of click on this button.

453
00:35:20,150 --> 00:35:25,220
And when you open the a lot of medals here that's accessible, this is what I will say you can go and

454
00:35:25,220 --> 00:35:27,010
have a look at during your own time.

455
00:35:27,500 --> 00:35:31,000
We are today interested in this particular function here, Doc.

456
00:35:31,430 --> 00:35:35,550
So I will say when you open the door, the fields, all the fields we have here.

457
00:35:35,720 --> 00:35:40,540
So if you had the form here with those on the fields, all of them are going to be accessible here.

458
00:35:41,540 --> 00:35:44,090
So because our form is more like this, we are seeing on these.

459
00:35:44,660 --> 00:35:52,070
So if we need to access any fields on this, what we are going to do, like now if we just go and instead

460
00:35:52,070 --> 00:35:56,420
of logging form only, we form dot dot was going to happen.

461
00:35:56,900 --> 00:36:02,480
So we look form dot doc, what is going to happen here is that we are going to be seeding only this

462
00:36:02,480 --> 00:36:06,830
part of this part of our application and it is this JavaScript.

463
00:36:06,830 --> 00:36:07,730
So we need to refresh.

464
00:36:09,330 --> 00:36:18,510
And when this comes up, click on button two, so when you open this object, these are the only things

465
00:36:18,510 --> 00:36:18,960
we have.

466
00:36:19,440 --> 00:36:24,030
So all the others have been eliminated and we only have our form down here.

467
00:36:24,630 --> 00:36:26,250
And I suppose we need that now.

468
00:36:26,250 --> 00:36:30,050
They may be only the full name or maybe the email address.

469
00:36:30,330 --> 00:36:35,580
We can just copy the email address and take it back here and do the e-mail address.

470
00:36:35,800 --> 00:36:42,990
So basically you can see that we are able to access in any field using the form dot, dot, dot, whatever

471
00:36:42,990 --> 00:36:44,010
the name of the field is.

472
00:36:44,880 --> 00:36:46,440
So if I refresh this now.

473
00:36:48,630 --> 00:36:49,920
In Korea, the console.

474
00:36:52,040 --> 00:36:57,470
And then I click on button two, the only thing that is getting logged is the email address that is

475
00:36:57,470 --> 00:36:58,030
on this phone.

476
00:36:59,960 --> 00:37:03,710
So this is how we harvest the data, all we have is the data.

477
00:37:05,270 --> 00:37:06,830
So these are collecting data.

478
00:37:06,860 --> 00:37:07,120
Yes.

479
00:37:07,310 --> 00:37:09,770
So that's how you should collect the data.

480
00:37:10,190 --> 00:37:12,860
You pick the this this is standard.

481
00:37:14,330 --> 00:37:14,960
Where is it?

482
00:37:15,290 --> 00:37:17,430
The form dot dot standard.

483
00:37:17,780 --> 00:37:23,210
And then when you have your document, you can access any field within that document with this.

484
00:37:23,690 --> 00:37:30,320
So suppose you needed to maybe after you click a button to do something with the email address, you

485
00:37:30,320 --> 00:37:36,410
do not need to go back to the Sabata and the query that we with with with whatever parameters get this

486
00:37:36,410 --> 00:37:37,040
email address.

487
00:37:37,490 --> 00:37:42,500
You just pick it using from the doctored the name of the field and you are able to get your email address

488
00:37:42,800 --> 00:37:45,740
or maybe the phone number and then send a message.

489
00:37:45,740 --> 00:37:48,780
For instance, this just an example to that phone number.

490
00:37:49,760 --> 00:37:50,840
So that's how you do it.

491
00:37:51,490 --> 00:37:59,400
And now we are there, the phone dialogue before I go there, maybe there is someone in that question.

492
00:38:01,970 --> 00:38:05,660
It is a girl and you have anyone have a question?

493
00:38:07,520 --> 00:38:11,210
Gentlemen, ladies, ladies, anyone have a question?

494
00:38:14,820 --> 00:38:16,080
Karen, you have a question?

495
00:38:16,770 --> 00:38:17,520
Yes, go ahead.

496
00:38:18,780 --> 00:38:22,240
Now you are editing the record.

497
00:38:22,410 --> 00:38:23,030
Yes, indeed.

498
00:38:23,050 --> 00:38:25,820
Moderate and I remember go to the.

499
00:38:25,830 --> 00:38:27,030
Yes, you are editing.

500
00:38:27,070 --> 00:38:27,470
Yes.

501
00:38:27,960 --> 00:38:28,420
Yes.

502
00:38:28,960 --> 00:38:33,760
If someone is editing, same record in another position, other, I use it.

503
00:38:34,190 --> 00:38:42,100
So your friend that will name it will retrieve the data locally in the browser or from database.

504
00:38:43,140 --> 00:38:45,150
Now this one is retrieving from the browser.

505
00:38:46,220 --> 00:38:48,880
It's not doing any kind of a call to the database.

506
00:38:52,440 --> 00:38:54,330
OK, yes.

507
00:39:00,040 --> 00:39:04,520
One more question, just it's a request, not a question.

508
00:39:05,050 --> 00:39:13,360
So instead of displaying the email address, after clicking the button in the console, could you just

509
00:39:13,360 --> 00:39:18,340
change it to a message like once we click on a button to display it as a message?

510
00:39:18,370 --> 00:39:19,300
The email address.

511
00:39:22,970 --> 00:39:31,760
OK, so what we can do is just is just take this so maybe we can see we can let it mill and then we

512
00:39:31,760 --> 00:39:33,170
get our email from the form.

513
00:39:33,170 --> 00:39:38,270
So we do form dot, dot, dot email address, I think was this one.

514
00:39:38,690 --> 00:39:47,780
And then we just take this email address and print it out for folks from all four or from from it's

515
00:39:47,810 --> 00:39:48,770
not from his formal.

516
00:39:48,800 --> 00:39:50,420
Is this this this item here?

517
00:39:51,780 --> 00:39:56,250
So if we go to our inbox and reload.

518
00:39:58,250 --> 00:40:01,640
Now we can click on button one and it gives us the e-mail address.

519
00:40:03,710 --> 00:40:06,320
Same as the e-mail address and the front end.

520
00:40:07,280 --> 00:40:09,060
Correct, yes, yeah.

521
00:40:11,320 --> 00:40:17,800
So before clicking on the e-mail address, I started clicking on the button, can you change this email

522
00:40:17,800 --> 00:40:20,170
address and then click on that button?

523
00:40:21,070 --> 00:40:27,010
Absolutely, that is where we are going, that is in the proper dialogue, because we want to know maybe

524
00:40:27,010 --> 00:40:28,530
we have another baton here.

525
00:40:28,840 --> 00:40:34,180
When you click on it, it looks at dialogue, maybe with one field, and then you enter something in

526
00:40:34,180 --> 00:40:34,580
that field.

527
00:40:34,580 --> 00:40:39,000
And then when you say if you click on submit it, it changes whatever you do want to change here.

528
00:40:39,910 --> 00:40:41,890
So that one is the dialogue.

529
00:40:42,340 --> 00:40:44,550
You know, they want to increase.

530
00:40:44,620 --> 00:40:52,360
The email had one, for example, and press button and one in the bottom one and press button one.

531
00:40:58,720 --> 00:40:59,200
Yeah.

532
00:41:01,220 --> 00:41:06,940
Yeah, yeah, yeah, it's reading from the Foreign Policy Directive from.

533
00:41:07,840 --> 00:41:11,420
Yeah, this is directly from the phone is not making any kind of a call to the.

534
00:41:13,850 --> 00:41:17,030
Try this, this is the item.

535
00:41:18,790 --> 00:41:23,530
Let me let me go back here again, if you if you will, if you can log.

536
00:41:26,150 --> 00:41:32,380
Console reform, item audit, it is absolutely from the back end and it's sitting on the front end.

537
00:41:32,660 --> 00:41:37,130
So if if you come here and and let me reload.

538
00:41:42,680 --> 00:41:50,710
Clearly, this is a little bit when I click on this, you see this one is already being logged here.

539
00:41:50,900 --> 00:41:56,780
So this this has everything on the browser is not going to go up to the back end and do any other kind

540
00:41:56,780 --> 00:41:59,270
of I call this a loaded immediately.

541
00:41:59,480 --> 00:42:05,240
When you load the browser at the point when you look at the browser, if it came with all this data

542
00:42:05,660 --> 00:42:11,560
put as objects inside of your arm object.

543
00:42:12,140 --> 00:42:17,600
So every time you call, if I am told anything, dot any of these methods here, it fetches the data

544
00:42:17,600 --> 00:42:21,020
that is inside of this is not going to go back again to the database.

545
00:42:24,910 --> 00:42:37,020
The last time you wrote a code in the controller file and Toolan to the right to the full name field.

546
00:42:37,760 --> 00:42:38,240
Yes.

547
00:42:38,750 --> 00:42:41,500
Go to the four front end.

548
00:42:42,320 --> 00:42:43,700
I go to the front end is.

549
00:42:44,100 --> 00:42:45,380
Yes, yeah.

550
00:42:45,890 --> 00:42:52,530
The full name is full of fulfillment by Python code, right?

551
00:42:53,270 --> 00:42:53,540
Yeah.

552
00:42:53,540 --> 00:42:54,230
This is Python.

553
00:42:54,290 --> 00:42:54,520
Yes.

554
00:42:55,000 --> 00:42:55,450
Yeah.

555
00:42:55,610 --> 00:43:00,760
In this case, Python is is writing in the database, not in the front end already.

556
00:43:01,940 --> 00:43:10,670
Yes there is on Mummy is because Python is as a side language in the in the in the case of Python is

557
00:43:10,670 --> 00:43:13,010
writing, is doing everything on the sarva.

558
00:43:13,010 --> 00:43:18,740
So when, when you have this one here, this before say you see it's different because if this is before

559
00:43:18,740 --> 00:43:23,060
saving this thing into the database, before you save do this.

560
00:43:23,420 --> 00:43:29,330
So it's going to have this one, the surfboat full name said to whatever is the value of the first name

561
00:43:29,930 --> 00:43:36,260
concatenated with whatever is the value on the second name and saved here and now and you save this

562
00:43:36,260 --> 00:43:41,300
will already have a value and is going to be saved to the database on this field.

563
00:43:41,990 --> 00:43:43,600
So this is happening on this side.

564
00:43:43,790 --> 00:43:50,240
So when you click on this this save button, whatever happens here, if I add that and save that has

565
00:43:50,240 --> 00:43:54,500
up on the database, so is going to fetch this with a phrase from the database.

566
00:43:55,330 --> 00:44:00,780
The main question now, when you write to the person, you will not see the results in front.

567
00:44:00,810 --> 00:44:11,210
Then you will see after a refresh when you when it's finished, we will refresh the page from database.

568
00:44:11,210 --> 00:44:13,820
So by then will write directly.

569
00:44:13,830 --> 00:44:15,950
You didn't you cannot kashrut.

570
00:44:18,040 --> 00:44:25,370
Not when you write any Python code, you have to refresh for you to see it, and sometimes you will

571
00:44:25,420 --> 00:44:30,130
even need to restart your arteries that you are running Savar for you to see the changes that you wrote

572
00:44:31,390 --> 00:44:32,370
as python code.

573
00:44:32,950 --> 00:44:35,160
So that happens on the server side.

574
00:44:37,760 --> 00:44:45,800
Could you do the same logic from inside the full name assassination to do it from a client side script

575
00:44:45,800 --> 00:44:46,790
instead of Python?

576
00:44:47,710 --> 00:44:54,310
Yeah, you can do it because ideally this is just getting whatever is here and then getting whatever

577
00:44:54,310 --> 00:45:01,600
is here and adding them, concatenating them together, and then you put yourself that maybe on a variable

578
00:45:01,600 --> 00:45:07,120
with the full name and then you have to send now that one, you have to send it back to the back end

579
00:45:07,690 --> 00:45:08,790
so that it can be saved.

580
00:45:09,160 --> 00:45:13,270
So you have to write a call that we are going to be seeing for today, hopefully.

581
00:45:13,660 --> 00:45:18,040
So we have to write a tropical together data from the front end and save it to the back end.

582
00:45:18,700 --> 00:45:25,840
So it is possible, but it is a long process than doing it directly here because frappé have to have

583
00:45:25,900 --> 00:45:31,770
these functions that are already written that tells the system what you that tells it.

584
00:45:32,030 --> 00:45:35,360
Run this code before you save any member.

585
00:45:35,740 --> 00:45:40,330
So before you say, remember, these are code here that you are supposed to run, so run it and then

586
00:45:40,570 --> 00:45:42,350
do go ahead and save the member.

587
00:45:42,940 --> 00:45:45,530
So this is easier if you look at this code.

588
00:45:45,600 --> 00:45:50,530
So if you look at it is called the only two lines of code, including the function.

589
00:45:51,470 --> 00:45:55,960
But when you do it from the front end, you are going to have to write code to get the first name,

590
00:45:56,180 --> 00:46:00,950
get the last name Bill, concatenate them, then send it to the back end.

591
00:46:01,220 --> 00:46:05,900
And then once you send them back and again, you have to write code to save it to the database.

592
00:46:07,700 --> 00:46:14,480
I'm not sure I get why you would have to manually update on the back end, you just hit the save button

593
00:46:14,490 --> 00:46:15,620
and it will get saved.

594
00:46:18,450 --> 00:46:18,890
Sorry.

595
00:46:21,620 --> 00:46:29,510
When you say you have to to to do API call to save the full name field, I don't get that because you

596
00:46:29,510 --> 00:46:35,270
just you would have to hit the save button and it will save the full name feel in the data, in the

597
00:46:35,270 --> 00:46:37,470
database, as with the other fields.

598
00:46:37,490 --> 00:46:37,840
Right.

599
00:46:41,420 --> 00:46:47,870
So let's see, in the climate code, I would have some event on first name change and last name change

600
00:46:47,870 --> 00:46:54,080
that would concatenate both in full name and then I would simply say even the full name would get saved

601
00:46:54,080 --> 00:46:55,190
to the database.

602
00:46:57,860 --> 00:47:01,940
Yes, I hope so.

603
00:47:01,970 --> 00:47:12,530
Yes, but Karen, you go first name in the first name and the one in the first name at the end, Jofre

604
00:47:12,530 --> 00:47:14,030
one point, one at the end.

605
00:47:15,680 --> 00:47:17,660
No move to move.

606
00:47:17,660 --> 00:47:18,850
The last name move.

607
00:47:19,610 --> 00:47:20,030
Yes.

608
00:47:20,630 --> 00:47:21,060
Here.

609
00:47:21,290 --> 00:47:23,520
Not nothing changed in full name, you see.

610
00:47:24,570 --> 00:47:25,040
Yes.

611
00:47:25,400 --> 00:47:33,950
Nothing is so exactly to what this question I'm asking for.

612
00:47:33,950 --> 00:47:39,860
A name can be derived from using JavaScript like here in front end.

613
00:47:39,860 --> 00:47:42,110
I have to change the first name.

614
00:47:42,350 --> 00:47:44,690
It should show me the full name be changed.

615
00:47:44,690 --> 00:47:45,040
Right.

616
00:47:47,580 --> 00:47:48,480
Instantly.

617
00:47:49,530 --> 00:47:50,250
Yeah.

618
00:47:53,940 --> 00:47:58,890
So you mean when I tell you this, this would give you give you the full name with with whatever changes?

619
00:47:59,470 --> 00:47:59,950
Yes.

620
00:48:00,030 --> 00:48:00,590
Right away.

621
00:48:01,970 --> 00:48:03,810
So, yeah, that is not possible.

622
00:48:04,160 --> 00:48:09,440
It is possible, but you have to write your own JavaScript code to get to listen to the change, to

623
00:48:09,440 --> 00:48:11,240
listen to the change that happens on each.

624
00:48:11,650 --> 00:48:18,110
So, for instance, when I added one, when I leave with you, can you can write an event that listens

625
00:48:18,290 --> 00:48:23,990
that is are and maybe I have left so that if it runs and updates this one, it is possible, but it's

626
00:48:23,990 --> 00:48:24,670
not possible.

627
00:48:24,680 --> 00:48:25,300
INTERRUPTING.

628
00:48:26,630 --> 00:48:30,120
But now in this case, you have to see what I have to say.

629
00:48:30,650 --> 00:48:32,810
If I say if I see fit to update.

630
00:48:34,620 --> 00:48:44,700
So data is moved into database then when refresh probably will send the new records, refresh and show

631
00:48:44,700 --> 00:48:47,430
it to you in the front end, correct?

632
00:48:47,830 --> 00:48:47,980
Right.

633
00:48:48,170 --> 00:48:52,490
So after saving only you can see the changes and pulling.

634
00:48:53,220 --> 00:48:53,760
Yes.

635
00:48:54,540 --> 00:48:59,980
After you, it's only after saving, after pressing the button that this whatever you have done here

636
00:49:00,210 --> 00:49:01,650
is submitted to the database.

637
00:49:02,900 --> 00:49:11,750
But in this case, how you deal with, for example, price unit price, quantity, all on the screens,

638
00:49:12,080 --> 00:49:16,250
if you change the quantity you have to save to reflect the changes.

639
00:49:17,850 --> 00:49:25,140
If you if I to do something here, you have a large quantity item, quantity, unit price and total.

640
00:49:27,240 --> 00:49:27,660
Yeah.

641
00:49:27,660 --> 00:49:28,380
You have to save.

642
00:49:29,890 --> 00:49:39,270
I mean, you have to say you have to see that money get me right if you want to customize this thing

643
00:49:39,280 --> 00:49:45,330
so that when you change something here and maybe you come here to update this one, it is possible.

644
00:49:45,550 --> 00:49:48,640
But you have to make your own events to listen to these changes.

645
00:49:49,420 --> 00:49:52,060
You will see how to do this later on or.

646
00:49:53,560 --> 00:49:54,670
Yeah, yeah, we can.

647
00:49:54,670 --> 00:49:55,080
We can do.

648
00:49:55,100 --> 00:49:56,950
Yeah, maybe I can I can prepare.

649
00:49:57,220 --> 00:49:59,200
I can prepare and show you how to do that.

650
00:49:59,830 --> 00:50:03,120
That is basically that, that most are going to be using Ajax.

651
00:50:03,130 --> 00:50:05,680
I don't know whether you you have dealt with Ajax.

652
00:50:08,910 --> 00:50:10,710
Very good, your question.

653
00:50:12,050 --> 00:50:16,850
I'm saying that that will use Ajax, and I was saying, I don't know where they are.

654
00:50:19,310 --> 00:50:24,580
Yeah, I'm not sure what Ajax has anything to do with that I need.

655
00:50:24,660 --> 00:50:30,470
Well, it's how to react to a fuel giant change in the UI.

656
00:50:30,830 --> 00:50:36,320
So how to write code when a first name change in the UI.

657
00:50:36,710 --> 00:50:41,350
We will see that in the in the future is.

658
00:50:42,580 --> 00:50:43,930
I take notes of that.

659
00:50:44,050 --> 00:50:48,340
We did a check for you, the first name change.

660
00:50:52,110 --> 00:51:00,810
OK, yes, you can do it by using set value and blindside.

661
00:51:05,100 --> 00:51:05,380
Set.

662
00:51:07,470 --> 00:51:07,950
Yes.

663
00:51:09,970 --> 00:51:11,160
So value.

664
00:51:11,190 --> 00:51:16,890
Yeah, yeah, yeah, but they will not submit to the it will not submit to the to the database is only

665
00:51:16,890 --> 00:51:17,960
going to put it here.

666
00:51:17,970 --> 00:51:18,540
We are going to.

667
00:51:18,820 --> 00:51:19,090
Yeah.

668
00:51:19,610 --> 00:51:24,050
Yeah it will eventually after saving are correct.

669
00:51:24,060 --> 00:51:24,420
Correct.

670
00:51:24,600 --> 00:51:27,300
We are going to see that today actually is the next item.

671
00:51:27,300 --> 00:51:35,970
Here is the next item we have in the form dialogue when we will be adding maybe we click on this button,

672
00:51:35,970 --> 00:51:38,910
we have a dialogue, maybe asking for the phone number.

673
00:51:38,940 --> 00:51:42,480
In our case here you enter the phone number and click on Submit.

674
00:51:42,480 --> 00:51:43,860
It will put that phone number here.

675
00:51:44,900 --> 00:51:49,030
But until then, you save is only the only time is going to be sent to the database.

676
00:51:55,460 --> 00:51:56,650
I'm hopeful that this clear.

677
00:51:58,140 --> 00:51:59,820
Yes, go ahead, please.

678
00:52:00,670 --> 00:52:03,030
OK, OK, OK, great.

679
00:52:03,420 --> 00:52:07,200
So the next item we are we are doing is the phone dialogue.

680
00:52:08,480 --> 00:52:12,710
I have written some code for that, so I'll just copy it.

681
00:52:16,070 --> 00:52:21,950
And I am going to create a red button and that button on my on my.

682
00:52:22,490 --> 00:52:23,650
Let me put it here first.

683
00:52:24,900 --> 00:52:27,480
So that they can copy this item.

684
00:52:28,750 --> 00:52:35,860
And then remember, that is supposed to be a comma based and then this is based on three, for instance.

685
00:52:37,790 --> 00:52:40,910
And then I can just change this function, the whole of the function.

686
00:52:42,870 --> 00:52:43,640
Copycat.

687
00:52:45,640 --> 00:52:46,660
Not on three.

688
00:52:55,150 --> 00:52:55,990
It's not their there.

689
00:52:57,190 --> 00:52:58,420
So here we have.

690
00:53:00,150 --> 00:53:07,170
Here we have a front into this, so here you have a lot of what I am doing here.

691
00:53:09,040 --> 00:53:10,010
This is just a phone.

692
00:53:10,030 --> 00:53:14,100
This just the title of the prompt prompt is a function by Frappier.

693
00:53:14,500 --> 00:53:20,800
So it's just used to to cause the system to give you a prompt that is going to have an input where you

694
00:53:20,800 --> 00:53:21,310
can put.

695
00:53:21,610 --> 00:53:22,600
And this is what.

696
00:53:23,020 --> 00:53:23,770
This is what.

697
00:53:25,030 --> 00:53:25,770
This is what.

698
00:53:26,350 --> 00:53:26,860
Let me see.

699
00:53:27,490 --> 00:53:28,640
This is method.

700
00:53:29,050 --> 00:53:32,560
We're not talking about this from the safety value.

701
00:53:32,950 --> 00:53:34,690
And then phone this phone.

702
00:53:34,690 --> 00:53:36,790
Here is the name of your field.

703
00:53:36,800 --> 00:53:41,250
So if you go back here, this is the name of this for I'm using this field.

704
00:53:42,100 --> 00:53:43,530
It has to be the name.

705
00:53:43,540 --> 00:53:50,890
Remember the name that we had when we were we were in the customize section of our screen of our of.

706
00:53:51,460 --> 00:53:54,640
These these are what we are talking about, the name column.

707
00:53:54,910 --> 00:53:56,680
And I'm used to this one specifically.

708
00:53:57,520 --> 00:53:58,630
This one specifically.

709
00:53:59,990 --> 00:54:09,470
So let me go back, then go back, maybe I can now use money and hear what I'm telling it in this quote

710
00:54:09,470 --> 00:54:17,120
is from a different phone phone, you can customize this message and then this is a value, this just

711
00:54:17,120 --> 00:54:17,740
a variable.

712
00:54:17,750 --> 00:54:19,450
So I want to just collect the value.

713
00:54:20,030 --> 00:54:25,700
So something like whatever is going to be put in that input is going to be safety, Navarra property

714
00:54:25,760 --> 00:54:26,170
value.

715
00:54:26,450 --> 00:54:29,360
And then here is whatever you are going to put.

716
00:54:29,360 --> 00:54:32,360
Here is what is going to happen after you have submitted that.

717
00:54:32,900 --> 00:54:35,990
So ideally, I'm just checking if the value has anything.

718
00:54:36,800 --> 00:54:39,200
So if there's nothing, this function is not going to run.

719
00:54:39,680 --> 00:54:45,920
But if there is something, then I'm going to do some positive value and then I'm going to provide what

720
00:54:45,920 --> 00:54:46,480
I want to say.

721
00:54:46,790 --> 00:54:49,400
So this is the name and the evidence is the value.

722
00:54:49,400 --> 00:54:52,520
So for food, whatever is here on the foreign value.

723
00:54:52,910 --> 00:54:54,560
And then I'm going to refresh the field.

724
00:54:55,830 --> 00:55:00,390
And then I'm just going to just print a message saying for no other successful.

725
00:55:01,350 --> 00:55:06,060
So this is a message, remember, we remember we saw a message print up here, so, yeah, this message

726
00:55:06,080 --> 00:55:06,440
print.

727
00:55:06,750 --> 00:55:11,500
So this is the same I'm using here from that message print and then whatever.

728
00:55:11,910 --> 00:55:15,450
So if I see that now and I come to my form and reload.

729
00:55:19,530 --> 00:55:24,600
I hope I have a red button, and when I click on that button, I have an input.

730
00:55:24,610 --> 00:55:26,200
So this is the dialogue.

731
00:55:26,550 --> 00:55:31,140
And this one this one here is whatever you provided here.

732
00:55:31,380 --> 00:55:36,740
So I can decide to say here, phone number or whatever you are comfortable putting there.

733
00:55:37,470 --> 00:55:39,870
And if I do, this is supposed to change.

734
00:55:42,330 --> 00:55:49,650
So I have no idea you can see that and maybe I can provide just a random number here, maybe something

735
00:55:49,650 --> 00:55:56,210
like that, and just observe the phone number value and we see if this is going to be said.

736
00:55:56,460 --> 00:55:58,820
This number has been put on this field.

737
00:55:59,340 --> 00:56:02,580
And then there's a message here, that phone number I did successfully.

738
00:56:02,590 --> 00:56:03,600
I can just close that.

739
00:56:04,760 --> 00:56:11,220
So here we have a phone number, but this one is not yet submitted to the database, so if ideologized

740
00:56:11,240 --> 00:56:15,260
is going to get lost, so it's not there.

741
00:56:16,950 --> 00:56:22,290
Let me just comment into this so that we see this well, when I reload,

742
00:56:26,010 --> 00:56:29,910
so if I go back again to my button and then I put a number.

743
00:56:31,280 --> 00:56:37,910
And I submit again that the number has been said, so if now I go ahead and save this one has been referred

744
00:56:38,600 --> 00:56:39,570
to the database now.

745
00:56:39,590 --> 00:56:42,470
So even if I load is not going to get lost, it is their.

746
00:56:44,140 --> 00:56:44,770
So, yes.

747
00:56:48,610 --> 00:56:49,630
In a clarification.

748
00:56:54,980 --> 00:57:00,180
If you have I don't know, this is one period, one value to 119.

749
00:57:01,930 --> 00:57:08,970
Most of the cases we do derive lines from another document and inserted in current documents.

750
00:57:08,990 --> 00:57:17,690
We have like Goodrich's or the lines will be derived from material request.

751
00:57:19,700 --> 00:57:25,850
So when it comes to the lines, many lines to be inserted in men in the China team.

752
00:57:26,780 --> 00:57:27,350
Similar.

753
00:57:30,190 --> 00:57:33,100
Yes or no, depending on how you're going to do it.

754
00:57:33,640 --> 00:57:36,430
Are you is the use that going to be changing anything or not?

755
00:57:36,430 --> 00:57:38,510
You are driving and something in another.

756
00:57:39,130 --> 00:57:39,640
Yes.

757
00:57:39,640 --> 00:57:40,050
Yes.

758
00:57:40,810 --> 00:57:41,860
So there will be changes.

759
00:57:44,320 --> 00:57:44,980
I don't know.

760
00:57:44,980 --> 00:57:49,770
Maybe Hillary Clinton put it into a new document, then you change it.

761
00:57:49,780 --> 00:57:59,290
For example, if the initial request request to laptop and then desktop two lines.

762
00:57:59,860 --> 00:58:09,250
So I do a pop up window like this and I will search for four lines selected and inserted in my documents.

763
00:58:09,250 --> 00:58:12,840
It will be lines which is under lines.

764
00:58:14,400 --> 00:58:14,900
Yes.

765
00:58:16,110 --> 00:58:16,490
Yes.

766
00:58:16,630 --> 00:58:18,790
So this one mummy does not have a limit.

767
00:58:18,790 --> 00:58:20,950
You can put as many people as you want.

768
00:58:22,870 --> 00:58:28,520
It does not have a limit because you can see here we have every field, every field has a name.

769
00:58:28,990 --> 00:58:31,150
So, for instance, this one is this volume.

770
00:58:31,600 --> 00:58:33,480
We can we can change this to phone number.

771
00:58:33,730 --> 00:58:36,640
So if we are picking the phone number, we can call this phone number.

772
00:58:36,970 --> 00:58:39,400
And then we said the field phone to the phone number.

773
00:58:39,730 --> 00:58:44,470
We can pick another field and call it maybe email and receive the email address.

774
00:58:45,560 --> 00:58:51,380
And if the email address yeah, so if you look at the dialogue, Ippei, you're going to see all those

775
00:58:51,380 --> 00:58:52,720
things, all those things are there.

776
00:58:53,950 --> 00:59:00,410
So you can you can you can you put the link, the link in the chart.

777
00:59:02,500 --> 00:59:07,940
Yeah, but there are a number of things they are not there is not on one page.

778
00:59:08,300 --> 00:59:16,640
So if you just go to the if you go to the website on the on somebody just search for for dialogue.

779
00:59:18,040 --> 00:59:19,510
We see a number of things here.

780
00:59:21,640 --> 00:59:28,740
Yeah, so so you need to you need to go to each of them and read through and see what they have to do.

781
00:59:29,680 --> 00:59:30,640
Yeah, ok.

782
00:59:30,650 --> 00:59:31,080
OK.

783
00:59:31,540 --> 00:59:34,420
So, you know, in your car and your sorry.

784
00:59:34,510 --> 00:59:42,130
And you're going to hear you could probably prompt the phone number and the variable value.

785
00:59:42,430 --> 00:59:45,840
So said volume value, phone value.

786
00:59:45,850 --> 00:59:55,090
If you have trained people, what will be the context or the common goal if you have a child payment?

787
00:59:55,390 --> 00:59:58,930
The child, it has a name actually independent David.

788
00:59:58,950 --> 01:00:01,590
It's recipient of five people.

789
01:00:02,710 --> 01:00:08,170
So we will use the same technique for said value or another comment.

790
01:00:09,100 --> 01:00:16,170
It is the same set value is is the one that you use to set values to fields instead of a DOCTYPE.

791
01:00:16,480 --> 01:00:24,100
But now what you will do, because you can you can have the dozens of tables, just do you can just

792
01:00:24,100 --> 01:00:30,400
log the form items like we saw up here, the cause of the stroke, the form item, and then you see

793
01:00:30,400 --> 01:00:32,570
how you are going to access those specific fields.

794
01:00:34,630 --> 01:00:35,040
Yeah.

795
01:00:35,050 --> 01:00:38,270
So so you can do this down to whatever level you want.

796
01:00:39,010 --> 01:00:40,650
OK, yeah.

797
01:00:41,230 --> 01:00:46,990
OK, so any other question, is it clear this this dialogue

798
01:00:52,030 --> 01:00:52,330
here?

799
01:00:53,020 --> 01:00:55,810
I just one question.

800
01:00:55,970 --> 01:01:02,110
I guarantee you could you open the code visual studio code.

801
01:01:02,990 --> 01:01:03,440
Yes.

802
01:01:03,890 --> 01:01:04,260
Yeah.

803
01:01:04,330 --> 01:01:09,040
So here do you have this forum that said to elevate the set.

804
01:01:09,870 --> 01:01:10,810
Uh huh, yeah.

805
01:01:11,080 --> 01:01:16,920
So this seat using the same thing for the previous one, like full name and last name.

806
01:01:17,290 --> 01:01:25,240
So then if you use this function, then maybe we can solve the problem of instantaneously setting the

807
01:01:25,240 --> 01:01:28,090
value which norful and telling.

808
01:01:32,490 --> 01:01:36,870
So, OK, can we spend one minute and do that?

809
01:01:37,820 --> 01:01:40,170
I also think it will work.

810
01:01:40,550 --> 01:01:42,200
So let me just comment on this quote.

811
01:01:43,310 --> 01:01:46,010
Went on to convince us.

812
01:01:48,880 --> 01:01:49,420
US.

813
01:01:52,600 --> 01:01:56,740
I know that all the people that I was testing some other things.

814
01:01:58,300 --> 01:02:04,060
So now we can come here and take the fall, the first name, the last name.

815
01:02:07,730 --> 01:02:15,220
So, so, so let's go to button, which button, button one you need that don't need that.

816
01:02:15,230 --> 01:02:24,950
So let's see if Hafnium fullName is his first name, then we have.

817
01:02:27,690 --> 01:02:35,610
I hope they are called their names and then we can do from the set value.

818
01:02:36,790 --> 01:02:38,290
And then we have here.

819
01:02:40,680 --> 01:02:44,310
fullName syntax syntax for a

820
01:02:48,600 --> 01:02:57,240
former full name, and then we have we have we need to we need to join those two, but we can do it

821
01:02:57,240 --> 01:02:57,580
here.

822
01:02:57,990 --> 01:02:59,880
We have a name.

823
01:03:03,050 --> 01:03:06,590
F name El Nino.

824
01:03:09,210 --> 01:03:10,470
Let's see whether that was.

825
01:03:17,660 --> 01:03:18,320
This one has.

826
01:03:18,650 --> 01:03:21,350
We have to delete this one fast and save.

827
01:03:22,610 --> 01:03:24,800
So that we see what happens here.

828
01:03:25,520 --> 01:03:30,710
Oh, yeah, we do not put it once, but we will not put our space so we can just raise it.

829
01:03:31,100 --> 01:03:32,890
You can just do that.

830
01:03:35,630 --> 01:03:36,400
Do that.

831
01:03:41,120 --> 01:03:43,260
A good thing it.

832
01:03:44,550 --> 01:03:46,410
Everything is stepping it to.

833
01:03:47,790 --> 01:03:51,360
The to the value of the two, so let's do that again.

834
01:03:51,490 --> 01:03:53,040
Yeah, we have we have the full name here.

835
01:03:53,310 --> 01:03:58,260
But remember, remember, this one has not been saved through the database yet, so we need to save

836
01:03:58,260 --> 01:04:00,390
it here for it to to be sustained on the.

837
01:04:04,670 --> 01:04:06,240
Just one more thing.

838
01:04:06,260 --> 01:04:09,740
Can you change the first name to add one after another?

839
01:04:10,070 --> 01:04:11,710
Yeah, yeah, sure, sure.

840
01:04:11,960 --> 01:04:13,070
So far one.

841
01:04:15,620 --> 01:04:15,950
Yeah.

842
01:04:17,600 --> 01:04:19,340
So we don't have to button.

843
01:04:20,240 --> 01:04:23,470
Oh, yeah, yeah, yeah, if you could get the update.

844
01:04:24,020 --> 01:04:24,270
Yeah.

845
01:04:24,380 --> 01:04:32,030
So again, like can we remove the like clicking this button option left as soon as we type there one

846
01:04:32,040 --> 01:04:33,020
instantaneously.

847
01:04:33,020 --> 01:04:34,220
Can it get updated.

848
01:04:39,130 --> 01:04:45,160
Well, it can get up there, but you have to write a code that will do that of Ajax.

849
01:04:46,180 --> 01:04:52,870
Yeah, no, no, not necessarily that code, but even JavaScript does code is to submit to the database

850
01:04:53,320 --> 01:04:59,290
because Ajax Ajax is asynchronous JavaScript, so it listens to changes here.

851
01:04:59,290 --> 01:05:03,390
And then it sent to the database without really refreshing anything on this page.

852
01:05:03,820 --> 01:05:08,170
So it sends the data to the database and saves it there through JavaScript.

853
01:05:08,380 --> 01:05:08,980
Refreshing.

854
01:05:09,190 --> 01:05:15,400
But if you just want to collect this, you can just listen to when the castle leaves this mouse on leave.

855
01:05:16,330 --> 01:05:19,020
I think it's mostly a function of JavaScript on.

856
01:05:19,060 --> 01:05:22,090
Yeah, let's collect this and this and update this one.

857
01:05:22,360 --> 01:05:23,410
So it is possible.

858
01:05:23,740 --> 01:05:26,720
But remember, this is just happening on the front end, if you refresh.

859
01:05:26,920 --> 01:05:30,290
This is going to get lost is for you to save it.

860
01:05:30,310 --> 01:05:32,260
You must click on this save button.

861
01:05:33,700 --> 01:05:34,140
Got it.

862
01:05:35,250 --> 01:05:43,810
Yes, you can do it on 17, they before posted before, yeah.

863
01:05:44,290 --> 01:05:47,010
Before you can go on set value and then save.

864
01:05:47,060 --> 01:05:49,090
Because if we do that taking.

865
01:05:52,150 --> 01:06:02,120
So I can you can then before to safe functioning and take value at that time.

866
01:06:05,060 --> 01:06:05,200
Yeah.

867
01:06:05,300 --> 01:06:05,680
Yeah.

868
01:06:06,110 --> 01:06:12,030
But the best idea is not going to press the button just when you get down from the field.

869
01:06:13,300 --> 01:06:21,610
We need to get to this event and do the concatenation you are put into it.

870
01:06:21,670 --> 01:06:28,030
She's, she's, she's saying to put the card in before same event.

871
01:06:29,290 --> 01:06:29,750
Yeah.

872
01:06:29,860 --> 01:06:31,030
Before a function.

873
01:06:31,510 --> 01:06:34,840
Not, not a button to press.

874
01:06:37,750 --> 01:06:52,600
OK, yeah, yes, um, uh, Skrappy's providing chenge even for each field so we can run cold when first

875
01:06:52,600 --> 01:06:54,210
name change, right?

876
01:06:57,730 --> 01:07:02,820
I think you can put the filename name in the where we use the refresh event.

877
01:07:03,280 --> 01:07:10,550
I think if we put the filename that will get run every time the field does.

878
01:07:10,780 --> 01:07:11,280
Yeah.

879
01:07:12,820 --> 01:07:14,020
You put you put towards.

880
01:07:15,530 --> 01:07:20,510
Here you see the refresh event that there is some event for.

881
01:07:22,410 --> 01:07:29,520
Every field on your form, so if instead of fresh, you add a new and you call first name.

882
01:07:36,000 --> 01:07:41,550
They have you done this, you never done this or no, I have not done that.

883
01:07:41,960 --> 01:07:42,360
OK.

884
01:07:44,390 --> 01:07:46,880
Let me let me get you what will you see?

885
01:07:46,910 --> 01:07:53,550
You mean before before we do the before we do this, we put we put we put something here first.

886
01:07:53,570 --> 01:07:54,290
First name.

887
01:07:55,800 --> 01:08:04,110
First on the screen name and then there's a colon function and I guess this will be called on value

888
01:08:04,110 --> 01:08:05,120
change of that film.

889
01:08:06,510 --> 01:08:12,090
You mean this one as they had to replace the refresh, not replace it like you do it.

890
01:08:12,330 --> 01:08:13,300
You added like.

891
01:08:14,320 --> 01:08:16,000
Like you do that phrase yet.

892
01:08:17,440 --> 01:08:22,360
No, it's not going to work, these functions are deeply defined by frappé.

893
01:08:23,570 --> 01:08:28,610
So if you come to their documentation somewhere here.

894
01:08:30,360 --> 01:08:32,220
You will see those functions.

895
01:08:33,170 --> 01:08:34,190
I wasn't even here.

896
01:08:34,880 --> 01:08:35,720
Uh.

897
01:08:37,080 --> 01:08:39,360
Let me see where they would get them for you one second.

898
01:08:43,440 --> 01:08:44,220
Scripting.

899
01:08:47,550 --> 01:08:49,220
Scripts, Glenn, script.

900
01:08:52,790 --> 01:08:58,610
I can't find them, but these functions are pretty defined by frappé, you cannot just put anything

901
01:08:58,610 --> 01:08:58,970
here.

902
01:08:59,510 --> 01:09:02,270
Unfortunately, there is the old phrase.

903
01:09:02,480 --> 01:09:09,110
There is this letter that I sent the link, which is all you want, and you have one which is dynamic,

904
01:09:09,110 --> 01:09:12,940
which is the field name of any feeling of the type.

905
01:09:13,750 --> 01:09:15,220
OK, you have the link.

906
01:09:15,720 --> 01:09:15,970
Yeah.

907
01:09:17,170 --> 01:09:23,700
Go, go, go, go to check out Richard.

908
01:09:24,350 --> 01:09:27,010
Yeah, he sent the link, Gail.

909
01:09:32,470 --> 01:09:39,160
So this is the refresh if you scroll down a bit of the old form, even one.

910
01:09:39,790 --> 01:09:40,630
Yeah, this one.

911
01:09:40,930 --> 01:09:41,740
Here you go.

912
01:09:41,740 --> 01:09:45,220
And you all feel you have to name their freedom.

913
01:09:45,220 --> 01:09:49,090
And actually, I've never seen this to anybody.

914
01:09:49,950 --> 01:09:50,950
Oh, OK.

915
01:09:51,340 --> 01:09:52,270
Let me explore this.

916
01:09:52,510 --> 01:09:54,220
Let me not spend time looking at this.

917
01:09:54,230 --> 01:09:56,020
Now, let me explore this.

918
01:09:56,170 --> 01:10:00,390
I think we can also go and explore this, this and see what we are able to do with it.

919
01:10:00,400 --> 01:10:04,150
I don't know whether you have tested it, tested it yourself.

920
01:10:06,980 --> 01:10:07,670
Is.

921
01:10:08,730 --> 01:10:09,780
You have Gudrun.

922
01:10:11,060 --> 01:10:14,290
Yes, yes, yes, it was the.

923
01:10:16,480 --> 01:10:17,050
Yes.

924
01:10:17,790 --> 01:10:19,130
OK, OK, thank you.

925
01:10:19,150 --> 01:10:20,560
Thank you so much for pointing that out.

926
01:10:20,590 --> 01:10:22,030
I'm going to I'm going to check it out.

927
01:10:22,370 --> 01:10:29,410
I said thank you because you mention using an Mousley, but that isn't reliable if someone enter and

928
01:10:29,410 --> 01:10:30,950
hit tab on the keyboard.

929
01:10:30,970 --> 01:10:34,810
So I believe I believe this is more reliable.

930
01:10:36,460 --> 01:10:37,240
Yeah, I should be.

931
01:10:37,270 --> 01:10:37,750
Should be.

932
01:10:37,750 --> 01:10:38,260
Should be.

933
01:10:40,010 --> 01:10:51,440
I think, frankly, they use the same technique when you open a record for the four month and you change

934
01:10:51,440 --> 01:10:58,390
any field it will ask for, it will change the status become noted.

935
01:11:00,510 --> 01:11:01,140
Yeah, but.

936
01:11:04,200 --> 01:11:16,210
So but here again, you will put you will make very complicated by good if you have one handed to you

937
01:11:16,230 --> 01:11:23,910
in the forum and you catch which field it contains, you have to put this call for each field.

938
01:11:25,500 --> 01:11:27,000
I mean, one hundred nine.

939
01:11:31,580 --> 01:11:34,270
I mean.

940
01:11:36,640 --> 01:11:41,980
Yes, yes, but you just have to extract the code in the private method and you call the same method

941
01:11:41,980 --> 01:11:42,930
in each field.

942
01:11:47,210 --> 01:11:47,700
Yes.

943
01:11:50,480 --> 01:11:53,510
OK, so my brother is giving me 22 minutes left here.

944
01:11:54,300 --> 01:11:58,580
OK, OK, let's continue till the end.

945
01:11:58,970 --> 01:12:04,470
If it is going to come down, we'll close to how to do it.

946
01:12:04,640 --> 01:12:06,320
So, so, so this.

947
01:12:06,950 --> 01:12:11,160
I also wanted to introduce let me see where we are creating custom space.

948
01:12:11,570 --> 01:12:18,290
I wanted to check on how to create custom IPS because ideally the next thing that I wanted to do is

949
01:12:18,290 --> 01:12:20,030
to use the frappé dialogue.

950
01:12:21,100 --> 01:12:29,950
To use this for an example of this dialogue to call to to call a function or an API that is on the backend,

951
01:12:30,520 --> 01:12:33,420
for instance, you can put a phone number here.

952
01:12:33,910 --> 01:12:38,080
Maybe you want to do something with the phone number, like send on SMS.

953
01:12:38,470 --> 01:12:43,390
So what you are going to do is to put a phone number here and submit and then after it has been saved,

954
01:12:43,800 --> 01:12:46,660
a message is going to be sent to that user.

955
01:12:47,020 --> 01:12:50,520
So that message is going to be sent from the back end by Python code.

956
01:12:50,950 --> 01:12:52,940
And I wanted us to try and do that.

957
01:12:53,290 --> 01:12:57,070
So that is why I put this item.

958
01:12:57,730 --> 01:12:59,610
I put this item up here.

959
01:12:59,980 --> 01:13:01,210
If you look at our.

960
01:13:02,180 --> 01:13:08,240
If you look at our data somewhere, it's an item number 20, so I thought this rapid dialogue, we can

961
01:13:08,240 --> 01:13:14,300
cover it just somewhere here because here again, we are covering custom scripts to make it because

962
01:13:14,300 --> 01:13:19,760
this API calls the API that we are going to be calling is the one that is used by dialogue.

963
01:13:20,110 --> 01:13:25,190
And for you to write an API, you need to start to have interacted with the APIs.

964
01:13:25,850 --> 01:13:30,050
So at this point I am going to show you how to create an API.

965
01:13:31,640 --> 01:13:37,820
So what I did remember, we are still inside the library member DOCTYPE.

966
01:13:38,420 --> 01:13:45,440
I came and created this file here by you must not pull it this way, but just a good name in my thinking

967
01:13:46,040 --> 01:13:48,350
so that you know exactly where you APIs are.

968
01:13:48,980 --> 01:13:52,180
And then I wrote a function, just one function here for test.

969
01:13:52,790 --> 01:13:58,930
So what its function is doing, it is fitting all the members from our, from our library member Thibeault

970
01:13:59,540 --> 01:14:01,700
and then we are returning them to the front end.

971
01:14:02,390 --> 01:14:05,810
So how do we just create an API PWA file?

972
01:14:06,440 --> 01:14:10,940
If you do not have permissions to create files in that directory, you can just just give yourself permissions

973
01:14:10,940 --> 01:14:14,810
and created and then the are going to do here No.

974
01:14:14,810 --> 01:14:16,160
One Major.

975
01:14:16,340 --> 01:14:17,440
You have important frappé.

976
01:14:17,780 --> 01:14:24,650
There is no there is no API that is going to work or there is no code JavaScript Python code.

977
01:14:24,950 --> 01:14:30,470
You are going to write on a file that is not where you have not imported frappé that is going to work

978
01:14:30,470 --> 01:14:32,540
inside of your ERP next.

979
01:14:33,140 --> 01:14:38,170
So import frappé as the first thing, then go ahead and define your function.

980
01:14:38,180 --> 01:14:41,810
So I just did define get all members function.

981
01:14:43,280 --> 01:14:50,950
And then here I did frappé to see who this is, this is this is a code.

982
01:14:51,470 --> 01:14:55,120
And then here I did select oh this is just a squirrel.

983
01:14:55,130 --> 01:14:59,780
And then almost we are familiar with select all from.

984
01:15:00,050 --> 01:15:02,680
And then here I have given the name of my table.

985
01:15:03,290 --> 01:15:05,090
This is the name of your table.

986
01:15:05,780 --> 01:15:08,460
And ideally it is like the name of your dog's name.

987
01:15:09,080 --> 01:15:17,180
But you prepend the tab because the wrapper does it is that it depends tabone every dog, every time

988
01:15:17,180 --> 01:15:22,730
you create a new dog type when it is creating the table for that dog type, if they prefer the name

989
01:15:22,730 --> 01:15:27,080
Tabar the beginning, it prevents the name Thabiso Tab Lebaran.

990
01:15:27,080 --> 01:15:31,910
Remember, in this case, there is one way I have put this as a formatted string is because maybe sometime

991
01:15:31,910 --> 01:15:39,060
I may be needing to needing to pass the dynamic, the dynamic variables here, like maybe select or

992
01:15:39,080 --> 01:15:40,450
from Tablo.

993
01:15:40,460 --> 01:15:45,490
But remember, we are the name is whatever is going to be may be passed as our parameter up here.

994
01:15:46,700 --> 01:15:48,710
So you must not pass the formatted string.

995
01:15:48,710 --> 01:15:55,760
But I have no idea then as dictionary is going to make sure that you have retained a dictionary here,

996
01:15:56,030 --> 01:16:00,490
if you do not put this one here, it is going to work but is not going to return a dictionary.

997
01:16:00,830 --> 01:16:06,260
The difference between a dictionary and what is not a I can show you that maybe using posthuman and

998
01:16:06,410 --> 01:16:12,560
let me correct it launches if you do not have a dictionary, is not going to give you the key.

999
01:16:12,560 --> 01:16:20,020
And the value that may be may be very useful if you are writing EPWs, maybe for consumption by maybe

1000
01:16:20,090 --> 01:16:26,840
a mobile app somewhere or maybe another another application that is to be used on the front end outside

1001
01:16:26,840 --> 01:16:27,700
of ERP next.

1002
01:16:28,460 --> 01:16:33,020
So that is why I like returning these things in in as dictionaries.

1003
01:16:36,740 --> 01:16:37,700
Someone has the equation.

1004
01:16:42,550 --> 01:16:43,810
OK, so.

1005
01:16:47,210 --> 01:16:48,830
So you have a question.

1006
01:16:50,120 --> 01:16:53,840
You you I didn't see a question of, you know, I am

1007
01:16:57,850 --> 01:17:01,880
I have a question, actually, this subject, you are what you are doing.

1008
01:17:01,880 --> 01:17:04,550
What what do you want to do and what is the topic?

1009
01:17:05,610 --> 01:17:14,700
So it appears I said there's this item number, No.12, using custom scripts to make API calls.

1010
01:17:15,980 --> 01:17:23,780
And then we have no we have no 20 year introduction to frappé dialogue, so we want to call this the

1011
01:17:23,810 --> 01:17:30,350
dialogue, Ippei, is what we are going to use as a script to me to call an API.

1012
01:17:31,800 --> 01:17:35,380
And then you say this, you what will do?

1013
01:17:35,550 --> 01:17:39,190
I mean, what is the future or the function or the three night?

1014
01:17:41,020 --> 01:17:50,050
Of the EPA nominee, for example, not what I want to know, which results do you want to reach?

1015
01:17:51,580 --> 01:18:00,490
So what I want to hear I want when I come to this, to my front end here is item number three.

1016
01:18:01,810 --> 01:18:06,910
And then what I want to do here is to get a or maybe I click another button like two.

1017
01:18:07,270 --> 01:18:09,790
I want this thing to go back to the backend.

1018
01:18:11,090 --> 01:18:12,720
Fetch all the members.

1019
01:18:12,740 --> 01:18:14,970
By that, I mean all these members here.

1020
01:18:17,320 --> 01:18:18,820
And I don't know why this name change.

1021
01:18:18,850 --> 01:18:21,770
Maybe it's because we deleted yeah, we are, Mibs.

1022
01:18:22,210 --> 01:18:26,580
So let me first of all, let me, first of all, see that.

1023
01:18:27,100 --> 01:18:31,630
So I want to get all these members and then I log them.

1024
01:18:31,870 --> 01:18:36,550
So after we have consulted them, of course, that means we have them on the browser here so we can

1025
01:18:36,550 --> 01:18:40,720
use that data, maybe to display it somewhere or to do whatever we want to do the data.

1026
01:18:41,080 --> 01:18:44,440
So what I want to achieve, mummy, is from up front end.

1027
01:18:44,800 --> 01:18:51,430
I can click on a button, then the button to make an API call to the to the database fed to whatever

1028
01:18:51,430 --> 01:18:55,650
data I need to fetch and return the editor to the front end of.

1029
01:18:58,460 --> 01:19:03,770
So that is why I will sing for you two, for you to for you to be able to do that, you need to, first

1030
01:19:03,770 --> 01:19:06,710
of all, write the API that is going to do that.

1031
01:19:08,270 --> 01:19:09,620
And this is what we are doing here.

1032
01:19:12,760 --> 01:19:13,760
This is your own.

1033
01:19:14,140 --> 01:19:16,900
I mean, everybody has a space.

1034
01:19:18,700 --> 01:19:21,730
Yeah, yeah, yeah, Trouping has space.

1035
01:19:22,840 --> 01:19:26,440
For their dog types, but this is a dog that we created.

1036
01:19:26,460 --> 01:19:33,610
Remember, these are dogs that we created and then we want we want to control our Epper, like now in

1037
01:19:33,610 --> 01:19:35,750
this case, we just want to return.

1038
01:19:36,040 --> 01:19:38,000
We just want to return all the members here.

1039
01:19:38,350 --> 01:19:45,050
We can do this quietly to change this query, to return only the members who maybe have something.

1040
01:19:45,050 --> 01:19:49,420
Maybe we can have somebody here you need to quit with and you can just write iniquity anywhere.

1041
01:19:49,420 --> 01:19:51,460
You can change this to do whatever you want to do with it.

1042
01:19:52,340 --> 01:19:56,430
So you want to control what what our function here returns.

1043
01:19:58,230 --> 01:20:01,780
So any communication with databases will be through through this.

1044
01:20:01,830 --> 01:20:08,970
Maybe a missed opportunity or update data or deleted.

1045
01:20:11,260 --> 01:20:18,400
Yes, so you can you can, of course, do it on the on the forms that that Europeanist are providing,

1046
01:20:18,400 --> 01:20:22,720
like, for instance, if you need to add a member, you can just come here and add a member.

1047
01:20:23,230 --> 01:20:29,770
But imagine that you have another maybe mobile app that is running on Rijad, native of Latha or maybe

1048
01:20:29,770 --> 01:20:30,910
a native application.

1049
01:20:31,980 --> 01:20:37,890
That isn't that does not have this form, so you need to write an API and you need maybe users to be

1050
01:20:37,890 --> 01:20:42,280
using the mobile app to add members to the data, to their to your database.

1051
01:20:42,570 --> 01:20:44,130
You have to write an API for that.

1052
01:20:45,620 --> 01:20:51,560
Then the EPA is going to be called by the by the from the mobile app is going to create a new member

1053
01:20:51,560 --> 01:20:51,830
here.

1054
01:20:52,750 --> 01:21:02,230
Oh, yeah, that is the frappé provided, providing a default S.P.I for a DOCTYPE that would allow us

1055
01:21:02,230 --> 01:21:06,550
to query an ad without having to write code.

1056
01:21:09,210 --> 01:21:10,060
They are only.

1057
01:21:11,180 --> 01:21:12,140
Sorry, sorry.

1058
01:21:14,100 --> 01:21:15,000
Sorry, go ahead.

1059
01:21:16,290 --> 01:21:24,420
So frappé comes out of the box with your own API, if you could go to the documentation and you look

1060
01:21:24,420 --> 01:21:25,860
at API.

1061
01:21:27,940 --> 01:21:35,160
They have a recipe, so if you look at this like this, get logged in, this is out of the posted on

1062
01:21:35,170 --> 01:21:36,920
iterating together, logged in user.

1063
01:21:37,180 --> 01:21:44,080
If you just do maybe this function and return from session or the user is going to get it wrong, then

1064
01:21:44,080 --> 01:21:44,680
use for you.

1065
01:21:45,070 --> 01:21:47,350
So you can you can look at all these rest.

1066
01:21:48,130 --> 01:21:49,660
This is an API to create.

1067
01:21:50,320 --> 01:21:53,270
These are one for it for any type that you have.

1068
01:21:53,530 --> 01:22:00,220
So just apply API resource DOCTYPE, but this one gives you everything that is is here.

1069
01:22:00,280 --> 01:22:05,290
Like for instance for this one, for Reed this is API resource.

1070
01:22:05,320 --> 01:22:06,250
They don't have a name.

1071
01:22:06,400 --> 01:22:07,270
And then the name.

1072
01:22:09,290 --> 01:22:15,380
The name of the dog that you need to fetch, this is is going to give you the details as they are sitting

1073
01:22:15,380 --> 01:22:16,050
on the database.

1074
01:22:16,670 --> 01:22:18,870
You cannot control this the only way.

1075
01:22:18,890 --> 01:22:24,920
Maybe if you need to customize this one, you need to return, maybe only, for instance, patients

1076
01:22:25,220 --> 01:22:30,680
or maybe items from your items stable with that condition like house or whatever, whatever.

1077
01:22:30,890 --> 01:22:32,400
You have to write your own custom, Ippei.

1078
01:22:35,530 --> 01:22:38,460
OK, yeah, yeah.

1079
01:22:38,650 --> 01:22:46,540
Thank you so you can explore the dialogue API, but there is a lot there's some very it's it has some

1080
01:22:46,540 --> 01:22:50,410
very limited information, but you can just look at it and see see what you have there.

1081
01:22:52,000 --> 01:22:57,760
So let me see what there was, is there an equation on this on this function here?

1082
01:22:59,480 --> 01:23:06,110
Before I tell you on what is the first line before before this, before the function, what is this

1083
01:23:06,470 --> 01:23:07,480
trapezoidal this?

1084
01:23:08,640 --> 01:23:13,260
So every function that you write on on Frappier.

1085
01:23:14,440 --> 01:23:19,900
If you needed to be accessible from by other politicians, I would say like the mobile apps we are talking

1086
01:23:19,900 --> 01:23:21,600
about, you have to at least.

1087
01:23:22,120 --> 01:23:28,720
So this is just like a decorator that tells Frappier that you can you can go ahead and give anyone coming

1088
01:23:28,720 --> 01:23:33,990
in permissions to access this particular function.

1089
01:23:34,810 --> 01:23:38,930
And then inside of this function, you see, I have supplied another value here.

1090
01:23:38,950 --> 01:23:42,220
Allow guest equals through this is our method by frappé.

1091
01:23:42,640 --> 01:23:49,600
And what is sitting in thing is, even if someone does not have an epic, if if I remove this one,

1092
01:23:49,600 --> 01:23:57,040
for instance, this functional be accessible, yes, it is present for access, but this can only be

1093
01:23:57,040 --> 01:24:02,350
accessed by people or by users who can supply the API key.

1094
01:24:04,420 --> 01:24:12,400
But if I allow guests, anyone outside area, even if they are not logged into the system, this is

1095
01:24:12,400 --> 01:24:16,600
basically a public API is what these are known as public APIs.

1096
01:24:18,870 --> 01:24:26,580
Mummy today, answer your question, yes, yes means it's a mission, why here and you are checking

1097
01:24:26,580 --> 01:24:29,750
whether you are permitted to execute this function or not.

1098
01:24:29,810 --> 01:24:30,100
Right.

1099
01:24:31,950 --> 01:24:39,150
Yeah, something like that, yes, so at least allows the function to be accessible from outside, but

1100
01:24:39,150 --> 01:24:43,640
if you are maybe doing a function that will be called within that function, you don't need to at least

1101
01:24:44,220 --> 01:24:44,670
make enough.

1102
01:24:44,730 --> 01:24:47,360
For instance, if you are right, you have written this function here.

1103
01:24:47,670 --> 01:24:51,960
But before you tell me what you want this function to call another function here, you want to call

1104
01:24:51,960 --> 01:24:57,270
another function that is somewhere on your file, you do not need to at least know if I had this function

1105
01:24:57,270 --> 01:24:57,600
here.

1106
01:24:59,060 --> 01:25:00,510
Define dysfunction.

1107
01:25:00,980 --> 01:25:02,830
I do not need to increase dysfunction.

1108
01:25:03,050 --> 01:25:04,550
I can just leave it like this.

1109
01:25:04,760 --> 01:25:10,070
And because it's being called from within the same the same application, but if you need this function

1110
01:25:10,070 --> 01:25:16,220
to be accessible like this one, we want it to be accessible by from posthuman from all that you have

1111
01:25:16,220 --> 01:25:18,390
to provide the decorator.

1112
01:25:19,740 --> 01:25:26,930
It should be written before the function itself, every function you do and has this white list, correct?

1113
01:25:27,020 --> 01:25:27,720
Correct, correct.

1114
01:25:28,790 --> 01:25:33,440
OK, so we've got a question from Isha.

1115
01:25:33,450 --> 01:25:40,590
As she said, can we do this API call on client side, the child?

1116
01:25:42,680 --> 01:25:52,170
In the chat or in the in the chat or on our on our function, here is the question.

1117
01:25:52,200 --> 01:25:54,950
This question is a question in the chat.

1118
01:25:55,730 --> 01:25:57,190
Is the questions in the team.

1119
01:25:57,770 --> 01:25:58,230
Yes.

1120
01:25:58,530 --> 01:26:00,150
Can we do this inside?

1121
01:26:00,200 --> 01:26:00,530
Yeah.

1122
01:26:00,560 --> 01:26:00,800
Yeah.

1123
01:26:00,830 --> 01:26:01,940
On the client side, yes.

1124
01:26:02,480 --> 01:26:04,090
This is actually what you want to do now.

1125
01:26:06,530 --> 01:26:09,040
And yeah, I think.

1126
01:26:10,950 --> 01:26:14,840
OK, you almost leave, OK?

1127
01:26:15,740 --> 01:26:16,160
OK.

1128
01:26:17,730 --> 01:26:18,860
Anyone else with a question?

1129
01:26:20,720 --> 01:26:27,200
So we will stop here, Garani, since you don't have enough power in your laptop.

1130
01:26:29,210 --> 01:26:33,500
We shall connect tomorrow and continue from this API.

1131
01:26:34,140 --> 01:26:35,690
We didn't see the results yet.

1132
01:26:38,000 --> 01:26:38,890
It's only one quarter.

1133
01:26:38,900 --> 01:26:42,110
Mummy, can I can I do it within one minute?

1134
01:26:42,700 --> 01:26:43,480
OK, go ahead.

1135
01:26:43,480 --> 01:26:43,940
Go ahead.

1136
01:26:44,650 --> 01:26:51,760
Maybe the members can go and practice, but at this hour I've left them with a good so button two in

1137
01:26:51,770 --> 01:26:54,350
button two instead of console logging stuff.

1138
01:26:54,920 --> 01:26:55,910
I want to do this.

1139
01:26:55,910 --> 01:27:00,560
So they function here is just in the inside of the function proper.

1140
01:27:00,590 --> 01:27:02,980
Don't call this this Repetto call.

1141
01:27:03,110 --> 01:27:08,330
You will find it in their documentation is a function that is used to make API calls to the back end.

1142
01:27:08,810 --> 01:27:14,690
And then here you provide a method and here you are calling whatever, whatever function you have written

1143
01:27:14,900 --> 01:27:15,850
on your server side.

1144
01:27:16,100 --> 01:27:18,180
So what you are providing here is the name of our.

1145
01:27:19,400 --> 01:27:22,910
This is the name of our our our our to our domain.

1146
01:27:23,480 --> 01:27:28,640
Then we have the method then that the dog that this is you just provide a name, duct tape.

1147
01:27:28,790 --> 01:27:31,910
Basically if you go to the code, even if you hover here.

1148
01:27:33,400 --> 01:27:38,670
You see that this this thing, you have a library management, library management, library management

1149
01:27:39,000 --> 01:27:41,880
tape, library manager again is the same.

1150
01:27:41,890 --> 01:27:42,830
We have it down here.

1151
01:27:43,420 --> 01:27:46,190
So we are accessing that file path, whatever it is.

1152
01:27:46,390 --> 01:27:48,010
So I remember those days.

1153
01:27:48,160 --> 01:27:49,930
So now here is the.

1154
01:28:00,240 --> 01:28:13,200
Although I think his laptop does go down, he's doing go for it as a problem electricity problem, so

1155
01:28:13,560 --> 01:28:16,450
I think it's a good discharge discharge.

1156
01:28:17,340 --> 01:28:27,720
So anyhow, if you have any question for today's session, please send it by email, because, as you

1157
01:28:27,720 --> 01:28:36,840
said, electricity goes back in his place at night, starting from seven nine.

1158
01:28:37,590 --> 01:28:43,520
So seven, it's too late for us for Indian Place.

1159
01:28:44,010 --> 01:28:46,710
So seven, it would be very, very early.

1160
01:28:46,710 --> 01:28:49,000
Otherwise we will receive federal assistance.

1161
01:28:49,750 --> 01:28:57,270
I the time, I don't think is a good option to reschedule the session at seven o'clock.

1162
01:28:58,350 --> 01:29:01,200
Kenyatta Thulin for four.

1163
01:29:03,480 --> 01:29:05,070
So we'll continue tomorrow.

1164
01:29:06,540 --> 01:29:13,260
Chamba So keep your question or send it by email as you like.

1165
01:29:13,270 --> 01:29:19,140
We will try to reply to them one by one by and I would like to thank you.

1166
01:29:19,170 --> 01:29:21,690
Thank you very much for your time and attendance.

1167
01:29:22,530 --> 01:29:23,400
See you tomorrow.

1168
01:29:25,420 --> 01:29:25,790
Thank you.

1169
01:29:25,880 --> 01:29:27,280
Bye bye bye.

1170
01:29:27,350 --> 01:29:27,800
Thank you.

1171
01:29:31,360 --> 01:29:31,840
Thank you.

1172
01:29:35,830 --> 01:29:36,820
Thank you, goodbye.

1173
01:29:37,570 --> 01:29:38,000
Bye.